-
網頁布局的基本步驟查看全部
-
網頁布局的結構查看全部
-
button 設置了寬高就不發設置pading查看全部
-
樣式重置 https://necolas.github.io/normalize.css/4.1.1/normalize.css查看全部
-
http://www.bootcss.com/p/font-awesome/ 字體圖標查看全部
-
background-size:cover;查看全部
-
透明 transparent查看全部
-
ul.share-group{} <ul class="share-group"></ul>查看全部
-
.card:first-child{ background: rgba(0,0,0,0.04); } .card:nth-child(2){ background: rgba(0,0,0,0.08); } .card:nth-child(3){ background: rgba(0,0,0,0.07); }查看全部
-
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;查看全部
-
.txt-section > * {/*所有直系的子元素} .aticle-preview > div{/*只向下一級的所有元素div*/ } .clearfix:after{/*偽元素 給父級清除浮動*/ content: '';/*給個空內容*/ display: block; clear:both; }查看全部
-
Odd 和 even 是可用于匹配下標是奇數或偶數的子元素的關鍵詞(第一個子元素的下標是 1)。 p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; }查看全部
-
<header></header><!-- 頁頭 --> <div class="content"> <section></section><!-- 正文 --> <section></section><!-- 正文 --> <section></section><!-- 正文 --> </div><!-- 內容 --> <footer></footer><!-- 頁腳 -->查看全部
-
<form > <input type="text" required="required" title="請輸入姓名"><!-- 必填項 --> <input type="text" placeholder="獲得焦點時,文字消失"><!-- --> <input type="text" pattern="[0-9]{6}"><!--自定義正則表達式--> <input type="file" multiple="multiple"><!-- 選擇多個文件上傳 --> <input type="number" min="0" max="12" step="3"><!-- min 最小值 max最大值 step倍數 --> <input type="image" src="../images/cs.jpg" height="20" width="30"><!-- height width --><br/> <input type="tel" ><!-- tel類型 電話 --><br/> <input type="search" ><!-- search 類型 搜索 輸入內容之后 出現 x --><br/> <input type="submit" > </form>查看全部
-
https://necolas.github.io/normalize.css/3.0.2/normalize.css 初始化css代碼 Normalize.css 只是一個很小的CSS文件,但它在默認的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比于傳統的CSS reset,Normalize.css是一種現代的、為HTML5準備的優質替代方案。 https://necolas.github.io/normalize.css/5.0.0/normalize.css查看全部
舉報
0/150
提交
取消