最新前端權(quán)威0基礎入門

1、最新前端權(quán)威0基礎入門層疊樣式表(英文全稱：cascading style sheets)是一種用來表現(xiàn)html（標準通用標志語言的一個應用）或xml（標準通用標志語言的一個子集）等文件樣式的計算機語言。css不僅可以靜態(tài)地修飾網(wǎng)頁，還可以協(xié)作各種腳本語言動態(tài)地對網(wǎng)頁各元素舉行格式化。css 能夠?qū)W(wǎng)頁中元素位置的排版舉行像素級精確控制，支持幾乎全部的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。行間樣式：body中的style添加頁面級：head 中外部css文件：head中id=""對應 class=""對應標簽對

2、應name對應通配符：全部標簽 對應父子挑選器 :挑選了全部子，用空格分開挺直子元素挑選器：只挑選兒子并列挑選器：挑選同時滿足的標簽note:同一排挑選器，權(quán)重相加取其大，若是一樣，后來先到。偽類挑選器同一個標簽，按照其不同的種狀態(tài)，有不同的樣式。這就叫做偽類。偽類用冒號來表示。偽類挑選器分為兩種。靜態(tài)偽類：只能用于超鏈接的樣式.超鏈接點擊之前 鏈接被拜訪過之后note：以上兩種樣式，只能用于超鏈接。動態(tài)偽類：針對全部標簽都適用的樣式。如下：懸停：鼠標放到標簽上的時候 激活： 鼠標點擊標簽，但是不松手時。 是某個標簽獲得焦點時的樣式（比如某個輸入框獲得焦點）note：以上三種樣式，只能用于超鏈

3、接。行級(內(nèi)聯(lián))元素：內(nèi)容打算元素所占位置，不行以通過css轉(zhuǎn)變寬高。例如;span,strong,em,a,del.塊級元素：獨占一行，可以通過css轉(zhuǎn)變寬高。例如：div p ul ol li form adress行內(nèi)區(qū)塊元素：既具有 block 元素可以設置寬高的特性，同時又具有 inline 元素默認不換行的特性。note：可以通過display更改，帶inline的元素有文字屬性，通配符挑選器可以用來初始化。網(wǎng)頁設計中常聽的屬性名：內(nèi)容(content)、內(nèi)邊距(padding)、邊框(border)、外邊距(margin)， css盒子模型都具備這些屬性。這些屬性我們可以用日常生

4、活中的常見事物——盒子作一個比方來理解，所以叫它盒子模型。css盒子模型就是在網(wǎng)頁設計中常常用到的css技術所用法的一種思維模型。padding最多四個值分離 上右下左margin最多三值上 （左/右）下note：body默認margin為0position用于定位，right/left、top/bottom表示距左，上多少像素。屬性詳解absolute脫離本來位置定位related保留本來位置定位普通用relative做參照物，absolute舉行定位。bfc是block format conext，用于轉(zhuǎn)變盒子里面的語規(guī)矩則加粗:其他屬性:lighter->normal->bold->bolder斜體：其他屬性: normal intalic oblique inherit分離是默認值、斜體、傾斜、繼承字體：font-family：arial（jobs創(chuàng)的）色彩：color: 1. 英文 2. 數(shù)字 3. 函數(shù)邊框：border：10px solid(實) blacknote:設置單邊border-left-color：transparent（透亮色）對齊方式： text-align首行縮進：text-indent：xxem（xx個文本）