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