資訊專欄INFORMATION COLUMN
摘要：前端必備知識(shí)點(diǎn)基本內(nèi)容，類選擇符，選擇符，偽類，偽元素，結(jié)構(gòu)，繼承，特殊性，層疊，元素分類，顏色，長(zhǎng)度，，文本，字體，邊框，塊級(jí)元素，浮動(dòng)元素，內(nèi)聯(lián)元素，定位。
Web前端-CSS必備知識(shí)點(diǎn)
css基本內(nèi)容，類選擇符，id選擇符，偽類，偽元素，結(jié)構(gòu)，繼承，特殊性，層疊，元素分類，顏色，長(zhǎng)度，url，文本，字體，邊框，塊級(jí)元素，浮動(dòng)元素，內(nèi)聯(lián)元素，定位。
鏈接：
link標(biāo)簽：
樣式：
h1 { color: red; };@import指示引入多個(gè)外部樣式表的鏈接
css注解
/* dashucoding */內(nèi)聯(lián)樣式：
dashucoding
規(guī)范：
選擇符 + 聲明
p { color: red; } // 選擇符 屬性 值p { font-weight: bold; }偽類和偽元素
| 屬性 | 說明 |
|---|---|
:link |
超鏈接是一個(gè)未訪問過的地址 |
:visited |
訪問過的網(wǎng)頁 |
:active |
處于活躍的狀態(tài) |
a { color: red; }; a:visited { color: red; };偽元素：
:first-letter 和 :first-line 首字母 和 首行p:first-letter { color: red; }css有個(gè)特點(diǎn)是繼承，可以依賴于祖先-后代關(guān)系。
!important有這個(gè)標(biāo)記，表示這條規(guī)則優(yōu)先
p { color: red !important; }元素分類：
三種類型：塊級(jí)元素，內(nèi)聯(lián)元素，列表項(xiàng)元素
塊級(jí)元素有段落，標(biāo)題，列表，表格，div，body等。內(nèi)聯(lián)元素有a，em，span等。列表項(xiàng)元素有l(wèi)i元素。
dispaly: block | inline | list-item | none顏色：
rgb(100%, 100%, 100%) 紅藍(lán)綠 ，白色單位：
em 給字體的font-size值文本：
文本縮進(jìn)
text-indent <長(zhǎng)度> | <百分比>p { text-indent: -4em; }text-align屬性
用于元素中文本行的對(duì)齊方式text-align: left | center | right | justifywhite-space空白
white-space pre | nowrap | normalp { white-space: normal; } 將如何空白壓縮成單個(gè)空白符white-space屬性值為pre，可以將元素內(nèi)的空白忽略。
p { white-space: pre; }行高：
line-height文本行的基線間的距離。
縱向?qū)R，vertical-align
vertical-align: baseline使元素的基線同父元素的基線對(duì)齊。
vertical-align: sub; vertical-align: super;低端對(duì)齊： vertical-align
頂端對(duì)齊：vertical-align
vertical-align: top; vertical-align: text-top;中間對(duì)齊：
vertical-align: middle;文字間隔：
word-spacing 長(zhǎng)度 | normalword-spacing: 0.3em;字母間隔：
letter-spacing: 長(zhǎng)度 | normal文本轉(zhuǎn)換：
text-transform uppercase | lowercase | capitalize | none文本修飾：
text-decoration: none | overline | line-through框：
width 長(zhǎng)度 | 百分比 | auto
height 長(zhǎng)度 | auto
margin 長(zhǎng)度 | 百分比 | auto
margin: top right bottom left
margin-top
margin-right
margin-bottom
margin-left
border-width // thin medium thick
border-style: none;
padding浮動(dòng)與清除
float: left | right | none
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1182.html
摘要：一些知識(shí)點(diǎn)有哪些方法方法前端從入門菜鳥到實(shí)踐老司機(jī)所需要的資料與指南合集前端掘金前端從入門菜鳥到實(shí)踐老司機(jī)所需要的資料與指南合集歸屬于筆者的前端入門與最佳實(shí)踐。 工欲善其事必先利其器-前端實(shí)習(xí)簡(jiǎn)歷篇 - 掘金 有幸認(rèn)識(shí)很多在大廠工作的學(xué)長(zhǎng)，在春招正式開始前為我提供很多內(nèi)部推薦的機(jī)會(huì)，非常感謝他們對(duì)我的幫助?，F(xiàn)在就要去北京了，對(duì)第一份正式的實(shí)習(xí)工作也充滿期待，也希望把自己遇到的一些問題和...
摘要：如果沒有學(xué)習(xí)過計(jì)算機(jī)科學(xué)的程序員，當(dāng)我們?cè)谔幚硪恍﹩栴}時(shí)，比較熟悉的數(shù)據(jù)結(jié)構(gòu)就是數(shù)組，數(shù)組無疑是一個(gè)很好的選擇。 showImg(https://segmentfault.com/img/bVTSjt?w=400&h=300); 1、常見 CSS 布局方式詳見： 一些常見的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、雙飛翼布局等。http://cherryb...
摘要：如果沒有學(xué)習(xí)過計(jì)算機(jī)科學(xué)的程序員，當(dāng)我們?cè)谔幚硪恍﹩栴}時(shí)，比較熟悉的數(shù)據(jù)結(jié)構(gòu)就是數(shù)組，數(shù)組無疑是一個(gè)很好的選擇。 showImg(https://segmentfault.com/img/bVTSjt?w=400&h=300); 1、常見 CSS 布局方式詳見： 一些常見的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、雙飛翼布局等。http://cherryb...
閱讀 911·2021-11-24 09:38
閱讀 1124·2021-10-08 10:05
閱讀 2629·2021-09-10 11:21
閱讀 2833·2019-08-30 15:53
閱讀 1858·2019-08-30 15:52
閱讀 2000·2019-08-29 12:17
閱讀 3450·2019-08-29 11:21
閱讀 1643·2019-08-26 12:17
