摘要:作為屬性寫(xiě)在元素內(nèi)的樣式選擇器類選擇器標(biāo)簽選擇器通配符選擇器瀏覽器自定義或繼承
2019-03-21----16:05:45
周期:5天
學(xué)習(xí)資料:http://how2j.cn/k/css2/css2-tutorial/238.html?p=67889
源代碼地址---GitHub:https://github.com/BenCoper/CSS
Readme:簡(jiǎn)要概括知識(shí)點(diǎn)詳細(xì)代碼前往GitHub-----Star--Fork
元素選擇器:p{}
id選擇器:#p1{}
類選擇器: .pre{}
注釋:/**/
width:寬度? ?height:高度
background-color-----背景顏色
background-image:url(imagepath)---圖片做背景
url(background.jpg)---本地測(cè)試
background-repeat---背景水平垂直方向重復(fù)---參數(shù)可選
background-size: contain---背景平鋪
color---文字顏色
text-align---對(duì)齊
text-decoration---文本修飾
lineheight---行間距
letter-spacing---單詞間距
text-indent---首行縮進(jìn)
text-transform---大小寫(xiě)
white-space---空白格
font-size---尺寸
font-style---風(fēng)格
font-weight---粗細(xì)
font-family---字庫(kù)
font---聲明在一起
cursor:crosshair---十字架
cursor:pointer---手指
table-layout:automatic|fixed---表格布局
border-collapse:separate|collapse---表格邊框
border-style---邊框風(fēng)格
border-color---邊框顏色
border-width---邊框?qū)挾?/p>
border---都放在一起
boder-top---只有一個(gè)方向有邊框
boder-top,border-left---有交界的邊都有邊框
div---塊級(jí)元素(自動(dòng)換行)
span---內(nèi)聯(lián)元素(無(wú)換行)
padding-left: 左內(nèi)邊距?
padding-right: 右內(nèi)邊距?
padding-top: 上內(nèi)邊距?
padding-bottom: 下內(nèi)邊距?
padding: 上 右 下 左
margin-left: 左外邊距?
margin-right: 右外邊距?
margin-top: 上外邊距?
margin-bottom: 下外邊距?
link - 初始狀態(tài),從未被訪問(wèn)過(guò)?
visited - 已訪問(wèn)過(guò)?
hover - 鼠標(biāo)懸停于超鏈的上方?
active - 鼠標(biāo)左鍵點(diǎn)擊下去,但是尚未彈起的時(shí)候
display:none; ---隱藏一個(gè)元素,這個(gè)元素將不再占有原空間 “坑” 讓出來(lái)了
visibility:hidden;---;隱藏一個(gè)元素,這個(gè)元素繼續(xù)占有原空間,只是“看不見(jiàn)”
href指向的路徑就是多帶帶的css文件路徑
?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/1078.html
摘要:前段時(shí)間寫(xiě)過(guò)一篇基礎(chǔ)知識(shí)之,當(dāng)時(shí)對(duì)的理解不太準(zhǔn)確,被慕課網(wǎng)多名讀者指出原文已修正,如有誤導(dǎo)實(shí)在抱歉。浮動(dòng)的基礎(chǔ)知識(shí)浮動(dòng)有個(gè)屬性左浮動(dòng)右浮動(dòng)不浮動(dòng)繼承。浮動(dòng)元素脫離了標(biāo)準(zhǔn)文檔流,文字和行級(jí)元素會(huì)環(huán)繞該元素,塊級(jí)元素則不受影響。 前段時(shí)間寫(xiě)過(guò)一篇CSS基礎(chǔ)知識(shí)之position,當(dāng)時(shí)對(duì)float的理解不太準(zhǔn)確,被慕課網(wǎng)多名讀者指出(原文已修正,如有誤導(dǎo)實(shí)在抱歉)?,F(xiàn)對(duì)float進(jìn)行更深入的...
摘要:的一大特性繼承,怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧,沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩這是本節(jié)課準(zhǔn)備的文件黑體這是文件夾黑體先看看,代碼如下正文正文正文正文查看其它知識(shí)點(diǎn)位置對(duì)所有標(biāo)簽都起CSS的一大特性——繼承,怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧,沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩 這是本節(jié)課準(zhǔn)備的文件 ? 這是others文件夾 ? 先看看index.html,代碼如下 1 DOCTYPE html> ...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
閱讀 532·2023-04-25 23:00
閱讀 3539·2021-11-22 13:54
閱讀 1965·2021-10-27 14:14
閱讀 1533·2019-08-30 13:59
閱讀 3570·2019-08-23 16:15
閱讀 2019·2019-08-23 16:06
閱讀 3405·2019-08-23 15:26
閱讀 1318·2019-08-23 13:48