成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS基礎(chǔ)知識(shí)點(diǎn)

evin2016 / 2015人閱讀

摘要:作為屬性寫(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

1.CSS基礎(chǔ)

  1.CSS選擇器

元素選擇器:p{}

id選擇器:#p1{}

類選擇器: .pre{}   

  2.CSS注釋

注釋:/**/

  3.CSS尺寸

width:寬度? ?height:高度

  4.CSS背景

background-color-----背景顏色

background-image:url(imagepath)---圖片做背景

url(background.jpg)---本地測(cè)試

background-repeat---背景水平垂直方向重復(fù)---參數(shù)可選

background-size: contain---背景平鋪

  5.文本

color---文字顏色

text-align---對(duì)齊

text-decoration---文本修飾

lineheight---行間距

letter-spacing---單詞間距

text-indent---首行縮進(jìn)

text-transform---大小寫(xiě)

white-space---空白格

  5.字體

font-size---尺寸

font-style---風(fēng)格

font-weight---粗細(xì)

font-family---字庫(kù)

font---聲明在一起

  6.鼠標(biāo)樣式

cursor:crosshair---十字架

cursor:pointer---手指

?  7.表格

table-layout:automatic|fixed---表格布局

border-collapse:separate|collapse---表格邊框

  8.邊框

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ú)換行)

  9.內(nèi)邊距

padding-left: 左內(nèi)邊距?
padding-right: 右內(nèi)邊距?
padding-top: 上內(nèi)邊距?
padding-bottom: 下內(nèi)邊距?
padding: 上 右 下 左

  10.外邊距

margin-left: 左外邊距?
margin-right: 右外邊距?
margin-top: 上外邊距?
margin-bottom: 下外邊距?

  11.邊框模型

  12.超鏈狀態(tài)

link - 初始狀態(tài),從未被訪問(wèn)過(guò)?
visited - 已訪問(wèn)過(guò)?
hover - 鼠標(biāo)懸停于超鏈的上方?
active - 鼠標(biāo)左鍵點(diǎn)擊下去,但是尚未彈起的時(shí)候

  13.隱藏

display:none; ---隱藏一個(gè)元素,這個(gè)元素將不再占有原空間 “坑” 讓出來(lái)了
visibility:hidden;---;隱藏一個(gè)元素,這個(gè)元素繼續(xù)占有原空間,只是“看不見(jiàn)”

  14.css文件

href指向的路徑就是多帶帶的css文件路徑

  15.CSS優(yōu)先級(jí)

1. 在屬性后面使用 !important 會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。 2. 作為style屬性寫(xiě)在元素內(nèi)的樣式 3. id選擇器 4. 類選擇器 5. 標(biāo)簽選擇器 6. 通配符選擇器 7. 瀏覽器自定義或繼承

?

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/1078.html

相關(guān)文章

  • CSS基礎(chǔ)知識(shí)之float

    摘要:前段時(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)行更深入的...

    wuyangchun 評(píng)論0 收藏0
  • #WEB安全基礎(chǔ) : HTML/CSS | 0x8.1CSS繼承

    摘要:的一大特性繼承,怎么樣沒(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> ...

    tinysun1234 評(píng)論0 收藏0
  • 前端開(kāi)發(fā)識(shí)點(diǎn)整理

    摘要:前言本文主要是有關(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。 初衷...

    Blackjun 評(píng)論0 收藏0
  • 前端開(kāi)發(fā)識(shí)點(diǎn)整理

    摘要:前言本文主要是有關(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。 初衷...

    Sike 評(píng)論0 收藏0
  • 前端開(kāi)發(fā)識(shí)點(diǎn)整理

    摘要:前言本文主要是有關(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。 初衷...

    tracy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<