中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

微微網(wǎng)站建設交換友情鏈接推廣法

微微網(wǎng)站建設,交換友情鏈接推廣法,廣電如何做視頻網(wǎng)站,開發(fā)者選項怎么打開目錄1、基本選擇器(1)id選擇器(2)類選擇器(3)標簽選擇器(4)逗號選擇器(5)*選擇器(通配符選擇器)2、包含選擇器(1&#xff…

目錄

      • 1、基本選擇器
        • (1)id選擇器
        • (2)類選擇器
        • (3)標簽選擇器
        • (4)逗號選擇器
        • (5)*選擇器(通配符選擇器)
      • 2、包含選擇器
        • (1)子代選擇器
        • (2)后代選擇器(空格選擇器)
      • 3、屬性選擇器
      • 4、偽類選擇器
      • 5、偽元素選擇器
        • (1)::first-letter
        • (2):first-child
        • (3) :last-child

1、基本選擇器

(1)id選擇器

通過標簽的id名稱來選擇標簽

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><style>#box{width: 300px;height: 300px;border: 1px solid red; }</style>
</head>
<body><div id="box"></div></body>
</html>

在這里插入圖片描述

(2)類選擇器

class選擇器選擇一個類名

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><style>.msg{width: 200px;height: 100px;border: 1px solid green;}</style>
</head>
<body><!-- <div id="box"></div> --><div class="msg"></div><div class="msg"></div><div class="msg"></div>
</body>
</html>

在這里插入圖片描述

(3)標簽選擇器

用標簽名直接選擇標簽

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><style>ul{list-style: none;}</style>
</head>
<body><ol><li>國內(nèi)新聞</li><li>國內(nèi)新聞</li><li>國內(nèi)新聞</li></ol><ul><li>國外新聞</li><li>國外新聞</li><li>國外新聞</li></ul>
</body>
</html>

在這里插入圖片描述

(4)逗號選擇器

是一個復合選擇器

       ul,ol{list-style: none;}

在這里插入圖片描述

(5)*選擇器(通配符選擇器)

匹配所有標簽

2、包含選擇器

(1)子代選擇器

用 > 表示父子關(guān)系

 ul.news > li {height: 50px;width: 400;border: 1px solid red;}

(2)后代選擇器(空格選擇器)

表示后代關(guān)系

        ul.news li {height: 50px;width: 400;border: 1px solid red;}

包含選擇器的總代碼:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><style>ul{list-style: none;}ul.news {/*選擇中的ul*/width: 400px;border: 1px solid red;min-height: 50px;}ul.news > li {height: 50px;width: 400;border: 1px solid red;}ul.news li {height: 50px;width: 400;border: 1px solid red;}</style>
</head>
<body><div class="news"></div><ul class="news"><li>這是列表1</li><li>這是列表2</li><li>這是列表3</li><li>這是列表4</li><li>這是列表5</li><li>這是列表6</li><li>這是列表7</li><li>這是列表8</li><ul><li>這是列表8</li><li>這是列表9</li><li>這是列表10</li></ul></ul>
</body></html>

3、屬性選擇器

 <style>[title]{/*將有title屬性的顏色改為紅色*/color: red;}</style>
        div[title] {color: red;}
/*將div標簽里面的title屬性的內(nèi)容顏色改為紅色*/

總代碼:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* [title]{color: red;} */div[title] {color: red;}</style>
</head><body><div title="標題">這是一個div</div><div>這是一個div</div><div id="box">這是一個div</div><div>這是一個div</div><div>這是一個div</div><p title>這是有title的</p><p>這是沒有title的</p>
</body></html>

在這里插入圖片描述

4、偽類選擇器

<style>.content{color: red;}a:link{/*未訪問連接*/color: #333;text-decoration: none;/* 沒有下劃線 */}a:hover{/*鼠標移動到鏈接上*/color:mediumvioletred ;text-decoration: underline;}a:active{/*選中的鏈接被激活*/color: green;}a:visited{/*已訪問的鏈接*/color: slateblue;}</style>

總代碼:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.content{color: red;}a:link{color: #333;text-decoration: none;/* 沒有下劃線 */}a:hover{color:mediumvioletred ;text-decoration: underline;}a:active{color: green;}a:visited{color: slateblue;}</style>
</head>
<body><div class="content"><p>近日大學生返校高峰期</p><p>近日大學生返校高峰期</p><p>近日大學生返校高峰期</p><a href="#">連接1</a><a href="#">連接2</a><a href="#">連接3</a><a href="#">連接4</a><a href="#">連接5</a></div>
</body>
</html>

5、偽元素選擇器

(1)::first-letter

 p::first-letter{/* 選擇中一段的第一個單詞 */text-transform: uppercase;/* 大寫 */}

(2):first-child

        ul.news > li:first-child{/*選中ul標簽下,news類的li標簽的第一個color: green ;}

(3) :last-child

 ul.news > li:last-child{color:blue ;}

總代碼:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><style>p::first-letter{/* 選擇中一段的第一個單詞 */text-transform: uppercase;/* 大寫 */}::first-line{/* 選中第一行 */color: red;}ul.news > li:first-child{color: green ;}ul.news > li:last-child{color:blue ;}</style>
</head>
<body><p>this is a book!!!<ul class="news"><li>這都是列表1</li><li>這都是列表2</li><li>這都是列表3</li><li>這都是列表4</li><li>這都是列表5</li></ul></p><p>this is a book!!!</p><p>石家莊伊能靜 不是大家都說的就是真的吳剛回應整容風波穎兒手滑點贊付辛博井柏然相關(guān)微博俄羅斯李秀滿 我的心好痛經(jīng)紀人改口否認劉文正死訊王詩齡好瘦景甜方聲明北京多個地鐵口有人掃碼送大鵝他和女友就要結(jié)婚了,竟沒有一張合影男生買8個小籠包6個都沒餡,當事人:開始只是以為皮很厚中國神秘千年古樹,中間竟藏著一“小孩”,專家至今都無法解釋香港教育局:將成立一所提供內(nèi)地課程的學校國外一女子養(yǎng)了條彪悍的“寵物”,給它穿粉嫩公主服,還做美甲價值190萬的主板被盜!民警迅速找回外媒:美國家安全委員會中國事務主任將離職,"與氣球事件無關(guān)"穿著毛茸茸外套在草地里爬!玻利維亞一囚犯裝扮成羊越獄失敗英媒:為什么家里亂一點對你挺好?繼拜登后哈里斯也在情人節(jié)發(fā)圖"秀恩愛",網(wǎng)友發(fā)現(xiàn)圖中"第三者"</p>
</body>
</html>

最后這段文字是我在網(wǎng)上隨表找的新聞。

http://www.risenshineclean.com/news/50298.html

相關(guān)文章:

  • 東莞專業(yè)做網(wǎng)站的公司有哪些seo外包推廣
  • 深圳網(wǎng)站優(yōu)化教程廣州seo優(yōu)化電話
  • 邯鄲市網(wǎng)站建設新手怎么學電商運營
  • 做網(wǎng)站域名的公司網(wǎng)站模板怎么建站
  • 如何做微信官方網(wǎng)站如何快速推廣
  • 網(wǎng)站全站開發(fā)需要學什么bt櫻桃 磁力島
  • 人與狗做的網(wǎng)站手機怎么建立網(wǎng)站
  • 如何測試 網(wǎng)站seo免費教程
  • 網(wǎng)站無障礙建設規(guī)定北京seo優(yōu)化哪家公司好
  • 網(wǎng)站建設太金手指六六六免費關(guān)鍵詞優(yōu)化工具
  • 做網(wǎng)站哪家南京做網(wǎng)站中國培訓網(wǎng)官網(wǎng)
  • 網(wǎng)站平面設計百度指數(shù)怎么看排名
  • 網(wǎng)站界面設計工具網(wǎng)絡營銷的認知
  • 企業(yè)網(wǎng)站建設綜合實訓心得體會一千字100個常用的關(guān)鍵詞
  • wordpress建網(wǎng)站缺點建站寶盒
  • 根據(jù)圖片做網(wǎng)站用什么seo網(wǎng)站推廣的主要目的不包括
  • jsp做網(wǎng)站用到什么技術(shù)網(wǎng)站制作app免費軟件
  • 網(wǎng)站上門備案指數(shù)運算法則
  • 網(wǎng)站開發(fā)與維護課程設計seo關(guān)鍵詞優(yōu)化價格
  • 網(wǎng)站加載慢怎么辦app線下推廣怎么做
  • 松江區(qū)網(wǎng)站建設怎么做個人網(wǎng)頁
  • 為什么說新浪的門戶網(wǎng)站做的好網(wǎng)站服務器搭建與管理
  • 臺州網(wǎng)站怎么推廣網(wǎng)站關(guān)鍵詞排名批量查詢
  • 網(wǎng)站推廣經(jīng)理招聘徐州關(guān)鍵詞優(yōu)化平臺
  • 免費搭建網(wǎng)站模板廣東免費網(wǎng)絡推廣軟件
  • 營銷型網(wǎng)站建設菲凡網(wǎng)藝人百度指數(shù)排行榜
  • 濟南設計網(wǎng)站日本疫情最新數(shù)據(jù)
  • 內(nèi)蒙古網(wǎng)站備案怎么做網(wǎng)絡推廣培訓班哪家好
  • 做機械的網(wǎng)站想要導航頁面推廣app
  • 標題關(guān)鍵詞優(yōu)化技巧青島seo網(wǎng)站排名優(yōu)化