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

資訊專欄INFORMATION COLUMN

#WEB安全基礎(chǔ) : HTML/CSS | 0x8.1CSS繼承

tinysun1234 / 1393人閱讀

摘要：的一大特性繼承，怎么樣沒(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>
 2 <html lang ="zh">
 3 <head>
 4 <meta charset = "utf-8">
 5 <title>TESTtitle>
 6 <style>
 7 p{
 8 color: red;
 9 }
10 p.myp{
11 color: blue;
12 background-color: yellow;
13 border-bottom:     2px solid black;
14 }
15 style>
16 head>
17 <body>
18 <p>正文1p>
19 <p>正文2p>
20 <p>正文3p>
21 <p>正文4p>
22 <p>
23 <a href = "others/Test.html" target = "_blank"><p class = "myp">查看其它知識(shí)點(diǎn)
24 位置:others/Test.htmlp>a>
25 p>
26 body>
27 html>
28

看看效果吧

?

對(duì)p元素的修飾，對(duì)所有p元素都起作用，在一個(gè)p元素里設(shè)置類名，多帶帶對(duì)這個(gè)p元素修飾，就可以覆蓋CSS對(duì)普通p元素的修飾

點(diǎn)擊查看其它知識(shí)點(diǎn)

?

Test.html的代碼為

 1 DOCTYPE html>
 2 <html lang ="zh">
 3 <head>
 4 <meta charset = "utf-8">
 5 <title>TESTtitle>
 6 <style>
 7 h1,p{
 8 color: green;
 9 border-bottom: 4px dotted red;
10 }
11 p.myp{
12 color: red;
13 background-color: yellow;
14 border-bottom: 2px solid black;    
15 }
16 style>
17 head>
18 <body>
19 <h1>我是標(biāo)題h1>
20 <p>正文1p>
21 <p>正文2p>
22 <p>正文3p>
23 <p>正文4p>
24 <p>    
25 <a href = "Test2.html" target = "_blank"><p class = "myp">查看其它知識(shí)點(diǎn)
26 位置:others/Test2.htmlp>a>
27 p>
28 body>
29 html>
30

理解一下

點(diǎn)擊查看其他知識(shí)點(diǎn)

接下來(lái)是Test2.html

?

代碼為

 1 DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset = "utf-8">
 5 <title>TESTtitle>
 6 <style>
 7 div{
 8 color: red;
 9 }
10 style>
11 head>
12 <body>
13 <div>                
14 <h1>我是h1標(biāo)簽h1>
15 <p>我是p標(biāo)簽p>
16 div>
17 body>
18 html>

看到那個(gè)注釋了嗎？這就叫繼承，不只是對(duì)于div元素，對(duì)body元素可以，對(duì)其他的元素也可以，但有些特殊的元素不能繼承一些屬性，比如說(shuō)img元素不能繼承文字顏色屬性，因?yàn)閕mg元素是顯示圖片的，而不是文字

//本系列教程基于《Head First HTML與CSS(第二版)》,此書(shū)國(guó)內(nèi)各大購(gòu)物網(wǎng)站皆可購(gòu)買

轉(zhuǎn)載請(qǐng)注明出處? by:M_ZPHr

最后修改日期：2019-01-17

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1299.html

相關(guān)文章

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

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

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

  • #WEB安全基礎(chǔ) : HTML/CSS | 0x9美麗的飲料店

    我?guī)е?，你帶著錢，咱們?nèi)ズ赛c(diǎn)飲料吧。 老板久仰你的大名，請(qǐng)你幫忙設(shè)計(jì)一個(gè)網(wǎng)站宣傳他的飲料店 你要制定一個(gè)完美的方案還需要多學(xué)點(diǎn)東西 我先幫你設(shè)計(jì)一下 這是存放網(wǎng)站的文件夾 這是根目錄 這是about文件夾 這是beverages文件夾 存放CSS文件的文件夾(這是外部調(diào)用所以需要一個(gè)CSS文件，我們以前寫(xiě)的網(wǎng)頁(yè)都是內(nèi)部調(diào)用) 存放圖片的images文件夾 首先...

    番茄西紅柿 評(píng)論0 收藏0

  • #WEB安全基礎(chǔ)：HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè)

    摘要：黑體安全基礎(chǔ)系列，本系列采用第二人稱以免你不知道我在對(duì)著你說(shuō)話，以朋友的視角和你交流的中文名叫做超文本標(biāo)記語(yǔ)言，叫做層疊樣式表用設(shè)計(jì)你的第一個(gè)網(wǎng)頁(yè)，你需要做的是用你的眼睛看，用你的手敲。#WEB安全基礎(chǔ)：HTML/CSS系列，本系列采用第二人稱以免你不知道我在對(duì)著你說(shuō)話，以朋友的視角和你交流 HTML的中文名叫做超文本標(biāo)記語(yǔ)言，CSS叫做層疊樣式表 用HTML設(shè)計(jì)你的第一個(gè)網(wǎng)頁(yè)，你需要做的...

    番茄西紅柿 評(píng)論0 收藏0

  • #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS

    摘要：黑體我受夠這些難看的網(wǎng)頁(yè)了，我怎么才能讓它變得好看點(diǎn)你說(shuō)。比如訪問(wèn)百度，百度就會(huì)向你展示一個(gè)百度一下你就知道的頁(yè)面。黑體這是在瀏覽器中的顯示黑體我受夠這些難看的網(wǎng)頁(yè)了，我怎么才能讓它變得好看點(diǎn)？你說(shuō)。 我答道:看來(lái)你得學(xué)點(diǎn)CSS了 學(xué)習(xí)這些東西只有一個(gè)原則，就是用你的腦袋想，用你的眼睛看，用的你手敲。很簡(jiǎn)單，對(duì)吧？ 這次我寫(xiě)了兩個(gè)網(wǎng)頁(yè) 看代碼就用到了你的眼睛, 下面是index.htm...

    番茄西紅柿 評(píng)論0 收藏0

  • #WEB安全基礎(chǔ) : HTML/CSS | 0x8CSS進(jìn)階

    摘要：黑體你以為自己學(xué)這么點(diǎn)就厲害了黑體學(xué)點(diǎn)新東西吧，讓你的網(wǎng)頁(yè)更漂亮我們只需要用到圖片和網(wǎng)頁(yè)黑體這是的代碼果汁果汁標(biāo)簽的背景顏色黑體請(qǐng)看你以為自己學(xué)這么點(diǎn)CSS就厲害了？ 學(xué)點(diǎn)新東西吧，讓你的網(wǎng)頁(yè)更漂亮 我們只需要用到圖片和網(wǎng)頁(yè) 這是index.html的代碼 1 2 3 Head First Lounge 4 5 6 body{ 7 margin-left: ...

    番茄西紅柿 評(píng)論0 收藏0

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

0條評(píng)論

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