成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS基礎(chǔ)知識點

evin2016 / 1962人閱讀

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

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)---本地測試

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

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

  5.文本

color---文字顏色

text-align---對齊

text-decoration---文本修飾

lineheight---行間距

letter-spacing---單詞間距

text-indent---首行縮進

text-transform---大小寫

white-space---空白格

  5.字體

font-size---尺寸

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

font-weight---粗細

font-family---字庫

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---只有一個方向有邊框

boder-top,border-left---有交界的邊都有邊框

div---塊級元素(自動換行)

span---內(nèi)聯(lián)元素(無換行)

  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),從未被訪問過?
visited - 已訪問過?
hover - 鼠標(biāo)懸停于超鏈的上方?
active - 鼠標(biāo)左鍵點擊下去,但是尚未彈起的時候

  13.隱藏

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

  14.css文件

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

  15.CSS優(yōu)先級

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

?

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1078.html

相關(guān)文章

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

    摘要:前段時間寫過一篇基礎(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進行更深入的...

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

    摘要:的一大特性繼承,怎么樣沒聽說過吧,沒了它我們修飾網(wǎng)頁時就變得十足的麻煩這是本節(jié)課準(zhǔn)備的文件黑體這是文件夾黑體先看看,代碼如下正文正文正文正文查看其它知識點位置對所有標(biāo)簽都起CSS的一大特性——繼承,怎么樣沒聽說過吧,沒了它我們修飾網(wǎng)頁時就變得十足的麻煩 這是本節(jié)課準(zhǔn)備的文件 ? 這是others文件夾 ? 先看看index.html,代碼如下 1 DOCTYPE html> ...

    tinysun1234 評論0 收藏0
  • 前端開發(fā)識點整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進行的收集歸類概括和整理,涵蓋前端理論與前端實踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    Blackjun 評論0 收藏0
  • 前端開發(fā)識點整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進行的收集歸類概括和整理,涵蓋前端理論與前端實踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    Sike 評論0 收藏0
  • 前端開發(fā)識點整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進行的收集歸類概括和整理,涵蓋前端理論與前端實踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    tracy 評論0 收藏0

發(fā)表評論

0條評論

evin2016

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<