HTML開發-.NET開發-VS2010添加CSS3.0驗證以及HTML5模板創建

一.給VS2010添加CSS3.0驗證

.Net Web的開發環境中需要使用到CSS3.0，但是在VS2010中只有自帶的CSS2.1驗證，導致很多時候會有

綠色線和紅色線的警告和報錯提示。

之前查閱了相關資料很多人說去下載Visual Studio 2010 SP1，很抱歉這個沒用，不要被誤導了哦。

上微軟官方tools：

（1）搜索 CSS3 intellisense schema，下載並安裝該補丁包。

（2）安裝之後打開VS2010隨便選擇或創建一個Web項目，已經安裝添加完畢，就不會再報錯和警告了。

二.給VS2010添加HTML5模板

現在在開發輕量的Web我都在使用VS2015，畢竟速度快和功能強大，但是在工作上很多時候需要在

.net MVC環境下開發，多數時間使用VS2010，所以結合查閱資料得來的經驗共享一下如何在VS2010裏面

建立自己的HTML5開發模板。

首先，還是去微軟tools：

（1）搜索Export Template Wizard，下載並安裝該補丁包。

（2）打開VS2010，點擊文件新建 ->項目 ->ASP.NET 空 Web應用程序，命名隨意。

（3）在項目中添加新文件夾 css、images、js、默認index.html頁

①在css文件夾中添加兩個樣式表，第一個樣式表html5reset.css，默認填充內容如下：

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

②添加一個空的Site.css樣式表

③images文件夾爲空不添加任何東西

④js文件夾中添加最基本的js文件：jquery-1.10.2.min.js 和 modernizr-2.6.2.js （2017年1月默認最新版本）

⑤添加index.html頁面，以上步驟完成之後文件結構如下：（我創建的時候創建成了htm，注意改成html）