css是cascading style sheets，層疊樣式表，高大上的說法是用來控制網頁資料的表現，可以使網頁的表現與資料內容分離。通俗來講，就是用各種盒子的堆疊實現我們想要的html頁面，武sir說招聘的時候都不說招前端，而是招div+css，我覺得很貼切。
1.行內式
"background-color: chartreuse
">yinrufangshi1
2.嵌入式
嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中。格式如下：eg：yinrufangshi2
3.匯入式
將乙個獨立的.css檔案引入html檔案中，匯入式使用css規則引入外部css檔案，標記也是寫在
4、文字屬性
font-size: 10px;text-align: center;橫向排列
line-height: 200px;文字行高 通俗的講，文字高度加上文字上下的空白區域的高度 50%:基於字型大小的百分比
ptext-indent: 150px; 首行縮排，50%：基於父元素（weight）的百分比
letter-spacing: 10px;字母間距
word-spacing: 20px;單詞間距
direction: rtl;從右向左，預設是從左向右
text-transform: capitalize;首字母大寫
5、邊框屬性
border-style: solid;dashed;dottedborder-color: chartreuse;
border-width: 20px;
簡寫：border: 30px rebeccapurple solid;
6、列表屬性
ul,ol{
list-style: decimal-leading-zero; 0開頭的數字標記。(01, 02, 03, 等。)
list-style: none;list-style: circle; 標記是空心圓
list-style: upper-alpha; 大寫字母
list-style: disc; 預設。標記是實心圓
7、display屬性
display的用法："display: none;
">tina
"display:inline
">tina
"display:block
">tina
小插曲：
當我們在pycharm執行css**時，建議找到檔案所在位置，右鍵，選擇瀏覽器執行，避免ide錯誤
@注：下篇將會詳細補充盒子模型、float、position的用法及inline&block的因緣糾葛，敬請期待~(*^__^*) ~……
初涉前端之CSS（一）
層疊樣式表cascading style sheets 定義某個樣式，讓不同網頁位置的文字有著統一的字型 字型大小或者顏色等 優先順序 內聯式 嵌入式 外部式 就近原則 必須寫在之間，且一般情況下寫在之間 把css 寫乙個單獨的外部檔案中，這個css樣式檔案以 css 為副檔名，使用標籤將css樣式...
記錄 前端入門之css 一
css是一種層疊樣式表檔案 標籤選擇器 div 類名選擇器 box id選擇器 boxid body,ul,ol 假如在ul下面的li中巢狀乙個ol li,像下面 直接子代選擇器 ul li 只能定位到ul下面的li,不能定位到ol下面的li.間接後代選擇器 ul li 能定位到ul下面的li跟ol...
前端之css之單位
1.百分比 預設元素高度設定為100 以自身高度為準，如果父元素設定寬度，子元素寬度為父元素寬度。2.rem rem相對於html元素的font size屬性的大小而變化，需要由js 動態控制。3.vh,vw vw 可視區域的寬度，總寬度為100vw vh 可是區域的高度，總高度為100vh4.ca...