国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML css

cfanr / 437人閱讀

摘要：是的簡稱，中文稱為層疊樣式表，用來控制網(wǎng)頁數(shù)據(jù)的表現(xiàn)，可以使網(wǎng)頁的表現(xiàn)與數(shù)據(jù)內(nèi)容分離。此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。本例中的樣式表把段落元素設(shè)置為內(nèi)聯(lián)元素。

CSS 是 Cascading Style Sheets的簡稱，中文稱為層疊樣式表，用來控制網(wǎng)頁數(shù)據(jù)的表現(xiàn)，可以使網(wǎng)頁的表現(xiàn)與數(shù)據(jù)內(nèi)容分離。

css 有四種引入方式

一，行內(nèi)式：

hello

二, 嵌入式
嵌入式是將CSS樣式集中寫在網(wǎng)頁的標(biāo)簽對的標(biāo)簽對中。


    
    Title

三, 鏈接式
將一個.css文件引入到HTML文件中， 推薦使用

四, 導(dǎo)入式
將一個獨(dú)立的.css文件引入HTML文件中，導(dǎo)入式使用CSS規(guī)則引入外部CSS文件，　

css 的選擇器

＊                 # 通用元素選擇器，匹配任何元素 
E                  # 標(biāo)簽選擇器，匹配所有使用E標(biāo)簽的元素
.info和E.info      # class選擇器，匹配所有class屬性中包含info的元素
E,F                # 多元素選擇器，同時匹配所有E元素或F元素，E和F之間用逗號分隔
E F                # 后代元素選擇器，匹配所有屬于E元素后代的F元素，E和F之間用空格分隔
E > F              # 子元素選擇器，匹配所有E元素的子元素F
E + F              # 毗鄰元素選擇器，匹配緊隨E元素下面的同級元素F



    
    Title
    



 hello p



 hello dive
    hello span
    
 p2 .....

    
p3 .....

    

        
p4 .....

    





div3

效果

E[att]          # 匹配所有具有att屬性的E元素，不考慮它的值。(注意：E在此處可以省略，比如“[cheacked]”。以下同。)
E[att=val]      # 匹配所有att屬性等于“val”的E元素 
E[att~=val]     # 匹配所有att屬性具有多個空格分隔的值、其中一個值等于“val”的E元素
E[attr^=val]    # 匹配屬性值以指定值開頭的每個元素 
E[attr$=val]    # 匹配屬性值以指定值結(jié)尾的每個元素
E[attr*=val]    # 匹配屬性值中包含指定值的每個元素

例子:




    
    Title
    





div1


div2


div3


di

效果：

a:link       # 沒有接觸過的鏈接, 用于定義了鏈接的常規(guī)狀態(tài)。
a:hover      # 鼠標(biāo)放在鏈接上的狀態(tài), 用于產(chǎn)生視覺效果。
a:visited    # 訪問過的鏈接,用于閱讀文章, 能清楚的判斷已經(jīng)訪問過的鏈接。
a:active     # 在鏈接上按下鼠標(biāo)時的狀態(tài), 用于表現(xiàn)鼠標(biāo)按下時的鏈接狀態(tài)。

E:before     # 在對應(yīng)的元素之前插入內(nèi)容
E:after      # 在對應(yīng)的元素之后插入內(nèi)容

例子：




    
    Title
    


百度

 klvchen

效果:

RGB顏色對照表

https://www.114la.com/other/rgb.htm




    
    Title
    



 hello world

外邊距和內(nèi)邊距

margin            # 用于控制元素與元素之間的距離(外邊距)；
padding           # 用于控制內(nèi)容與邊框之間的距離(內(nèi)邊距)；   
border            # 圍繞在內(nèi)邊距和內(nèi)容外的邊框(邊框);
content           # 盒子的內(nèi)容，顯示文本和圖像;

一個元素的寬度 = content 寬度 + border*2 + padding*2
一個元素的高度 = content 高度 + border*2 + padding*2

練習(xí): 300px300px的盒子裝著100px100px的盒子，分別通過margin和padding設(shè)置將小盒子 移到大盒子的中間

# 使用 margin



    
    Title
    





    







# 使用 padding



    
    Title

display

# display 的值
inline        : 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
block         : 此元素將顯示為塊級元素，此元素前后會帶有換行符。
none          : 此元素不會被顯示。
table-cell    : 此元素會作為一個表格單元格顯示。
inline-block  : 將元素顯示為行內(nèi)塊狀元素，設(shè)置該屬性后，其他的行內(nèi)塊級元素會排列在同一行。



    
    Title
    


    
本例中的樣式表把段落元素設(shè)置為內(nèi)聯(lián)元素。

    
而 div 元素不會顯示出來！


    
div 元素的內(nèi)容不會顯示出來！

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1396.html

相關(guān)文章

  • 在HTML中使用CSS

    摘要：一前言在中使用，包括內(nèi)聯(lián)式內(nèi)嵌式鏈接式和導(dǎo)入式。鏈接式使用時需要在標(biāo)記中使用標(biāo)記，通過標(biāo)記的相關(guān)屬性指明外部文件的路徑，以方便找到其中定義的樣式并運(yùn)用在當(dāng)前網(wǎng)頁元素上。導(dǎo)入式通過在標(biāo)記的標(biāo)記中使用方法導(dǎo)入相應(yīng)的文件。 一、前言 在 HTML 中使用 CSS，包括內(nèi)聯(lián)式、內(nèi)嵌式、鏈接式和導(dǎo)入式。 二、分類 2.1 內(nèi)聯(lián)式 內(nèi)聯(lián)式是所有樣式應(yīng)用方式中最為直接的一種，它通過對 HTML 標(biāo)記...

    andong777 評論0 收藏0

  • 在HTML中使用CSS

    摘要：一前言在中使用，包括內(nèi)聯(lián)式內(nèi)嵌式鏈接式和導(dǎo)入式。鏈接式使用時需要在標(biāo)記中使用標(biāo)記，通過標(biāo)記的相關(guān)屬性指明外部文件的路徑，以方便找到其中定義的樣式并運(yùn)用在當(dāng)前網(wǎng)頁元素上。導(dǎo)入式通過在標(biāo)記的標(biāo)記中使用方法導(dǎo)入相應(yīng)的文件。 一、前言 在 HTML 中使用 CSS，包括內(nèi)聯(lián)式、內(nèi)嵌式、鏈接式和導(dǎo)入式。 二、分類 2.1 內(nèi)聯(lián)式 內(nèi)聯(lián)式是所有樣式應(yīng)用方式中最為直接的一種，它通過對 HTML 標(biāo)記...

    chengjianhua 評論0 收藏0

  • [譯]HTML&CSS Lesson1: 構(gòu)建第一張頁面

    摘要：元素是使用小于號和大于號包裹元素名來標(biāo)示。一個結(jié)束標(biāo)簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi)，它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話，請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在，紙質(zhì)的書本是我們主要的信息來源，而在書本中查詢我們想要的資料會耗費(fèi)相當(dāng)多的精力和時間。 而如今，你打開個瀏覽器用搜索引擎搜索，任...

    X_AirDu 評論0 收藏0

  • [譯]HTML&CSS Lesson1: 構(gòu)建第一張頁面

    摘要：元素是使用小于號和大于號包裹元素名來標(biāo)示。一個結(jié)束標(biāo)簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi)，它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話，請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在，紙質(zhì)的書本是我們主要的信息來源，而在書本中查詢我們想要的資料會耗費(fèi)相當(dāng)多的精力和時間。 而如今，你打開個瀏覽器用搜索引擎搜索，任...

    LuDongWei 評論0 收藏0

  • webpack4初學(xué)習(xí)

    webpack基于node，因此想要學(xué)習(xí)webpack首先要安裝node。webpack4要安裝node8.2以上版本。 1、安裝webpack 為什么選擇本地安裝，主要是由于以后介紹熱更新這一部分不會報錯，如果全局安裝熱更新就會報錯，以本部分為基礎(chǔ)依次介紹，保證各部分不會出錯。 mkdir webpack-test cd webpack-test npm init //初始化npm，都選擇默認(rèn)，...

    Object 評論0 收藏0

  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要：黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個網(wǎng)頁黑體安全基礎(chǔ)初識黑體安全基礎(chǔ)初識標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識CSS #WEB安全基...

    EscapedDog 評論0 收藏0

發(fā)表評論

0條評論

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