VS Extension for managing HTML / CSS

I want to improve my programming experience, and I believe that I can do this by creating a Visual Studio (2012) extension. I started digging into the MSDN documentation, but it's tight and I'm working on it.

I had a few questions:

• Is the extension the right approach for the scenario described below?
• If so, what idea, what namespace should I start digging?
• Any RE wisdom / reference sage: "traps" or "gotcha"?

Customization I have an HTML block and it has inline CSS for some elements. I would like to right-click an element and apply inline code to a new or existing stylesheet (CSS).

The code

<div>
    <div class="ui-bar-d ui-bar"  >
        <span class="WBHeaderDetail" style="margin-left: 5px; margin-right: 5px;">
            Name: <em class="WBHeaderDetailValue" style="text-decoration: underline;">@ViewBag.JobName</em>
        </span>
        <span class="WBHeaderDetail" style="margin-left: 5px; margin-right: 5px;">
            Status: <em class="WBHeaderDetailValue" style="text-decoration: underline;">@ViewBag.Status</em>
        </span>
        <a data-role="button" data-theme="b" data-icon="check" data-inline="true" data-mini="true" >Save</a>       
    </div>
</div>

, , , CSS ( ), CSS /. "class", , .

UPDATE

: http://www.asp.net/vnext/overview/aspnet/whats-new

"" , . , Repeater GridView.

"". Visual Studio 11 Smart Tasks for Source. - - # Visual Basic.

ASP.NET Web Forms , :

?

!