真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網站制作重慶分公司

css的基本選擇器有哪些

這篇文章主要介紹“css的基本選擇器有哪些”,在日常操作中,相信很多人在css的基本選擇器有哪些問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css的基本選擇器有哪些”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

成都創(chuàng)新互聯(lián)公司服務項目包括東至網站建設、東至網站制作、東至網頁制作以及東至網絡營銷策劃等。多年來,我們專注于互聯(lián)網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案,東至網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到東至省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

css的基本選擇器有:1、通配符選擇器;2、標簽選擇器;3、類選擇器;4、Id選擇器;5、結合元素選擇器;6、多類選擇器。

css的基本選擇器有哪些

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

基本選擇器介紹

  • 基本選擇器又分為六種使用方式:如、通配符選擇器、標簽選擇器、類選擇器、Id選擇器、結合元素選擇器、多類選擇器。

  • 基本選擇器使用說明表。

選擇器語法格式含義舉例
通配符選擇器*{屬性:值;}通用選擇器可以選擇頁面上的所有元素,并對它們應用樣式,用 * 來表示。不建議使用,IE6不支持,給大型網站增加負擔。*{width: 300px;}
標簽選擇器標簽名{屬性:值;}標簽選擇器,匹配對應的HTML的標簽。h2{color: red;}
類選擇器.class屬性值{屬性:值;}類選擇器,給擁有指定的class屬性值的元素設置樣式。.box{color: red;}
Id選擇器#id屬性值{屬性:值;}Id選擇器,在一個 HTML 文檔中,Id 選擇器會使用一次,而且僅一次。Id選擇器以#來定義。#box{color: red;}
結合元素選擇器標簽名 .class屬性值{屬性:值}選擇器會根據(jù)標簽名中包含指定的.class屬性值的元素。p.box {color:red;}
多類選擇器.class屬性值.class屬性值{屬性:值;}通過把兩個類選擇器鏈接在一起,僅可以選擇同時包含這些類名的元素(類名的順序不限)。注意:在 IE7 之前的版本中,不同平臺的 Internet Explorer 都不能正確地處理多類選擇器。.box.box1{color:red;}

通配符選擇器

  • 接下來讓我們進入通用選擇器實踐,筆者以嵌入式的形式,將HTML頁面中的h2標簽和p標簽中的字體顏色設置為紅色。

  • 代碼塊



	
		
		通配符選擇器
		
	

	
		

創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)

  • 結果圖

css的基本選擇器有哪些

標簽選擇器

  • 接下來讓我們進入標簽選擇器實踐,筆者以嵌入式的形式,將HTML頁面中的h2標簽和p標簽中的字體顏色設置為紅色。

  • 代碼塊



	
		
		標簽選擇器
		
	

	
		

創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)

  • 結果圖

css的基本選擇器有哪些

  • 注意:標簽選擇器是指給指定的標簽設置樣式。

  • 代碼塊



	
		
		標簽選擇器
		
	

	
		

成功不是擊敗別人,而是改變自己。

創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)

  • 結果圖
    css的基本選擇器有哪些

  • 現(xiàn)在大家應該知道了p標簽為什么沒有改變了,因為標簽選擇器的作用是給指定的標簽設置樣式的,接下來筆者將p標簽的字體顏色設置為紅色。

  • 代碼塊



	
		
		標簽選擇器
		
	

	
		

成功不是擊敗別人,而是改變自己。

創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)

  • 結果圖
    css的基本選擇器有哪些

類選擇器

  • 接下來讓我們進入類選擇器實踐,筆者以嵌入式的形式,使用類的屬性值為.box,來完成HTML頁面中的h2標簽和p標簽中的字體顏色設置為紅色。

  • 首先我們將HTML頁面中的第一個h2標簽字體顏色設置為紅色。

  • 代碼塊



	
		
		類選擇器
		
	

	
		成功不是擊敗別人,而是改變自己。
		

創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)

  • 結果圖
    css的基本選擇器有哪些

  • 注意:只要是class屬性的值為.box的標簽,不管它是什么標簽,都會將字體顏色設置為紅色,其余的CSS樣式也是一致。

  • 現(xiàn)在我們將第二個h2標簽和p標簽字體顏色設置為紅色。

  • 代碼塊



	
		
		類選擇器
    



    成功不是擊敗別人,而是改變自己。
	創(chuàng)新互聯(lián)
	創(chuàng)新互聯(lián)

  • 結果圖
    css的基本選擇器有哪些

Id選擇器

  • 接下來讓我們進入id選擇器實踐,筆者以嵌入式的形式,通過id屬性值為#box,將HTML頁面中的h2標簽中的字體顏色設置為紅色。

  • 代碼塊



	
		
		id選擇器
		
	

	
		成功不是擊敗別人,而是改變自己。
	
  • 結果圖

    css的基本選擇器有哪些

  • 注意:使用id選擇器是給擁有指定的id屬性值來設置樣式,但是要注意在一個HTML頁面中id的屬性值必須是唯一的。

結合元素選擇器

  • 接下來讓我們進入結合元素選擇器實踐,筆者以嵌入式的形式,通過h3標簽class屬性值為.box元素的字體顏色,設置為紅色。

  • 代碼塊



	
		
		結合元素選擇器
		
	

	
		成功不是擊敗別人,而是改變自己。
		成功不是擊敗別人,而是改變自己。
	
  • 結果圖
    css的基本選擇器有哪些

  • 注意:結合元素選取器執(zhí)行原理說明如下:首先是先找到h3標簽,然后再去h3標簽中找class屬性值為.box,如果找到class屬性值為.box就給其設置樣式?,F(xiàn)在大家應該知道了span標簽下面的class屬性值為.box為什么沒有渲染的原因了。


多類選擇器

  • 接下來讓我們進入多類選擇器實踐,筆者以嵌入式的形式,將class屬性值包含.box.box1元素的字體顏色設置為紅色。

  • 代碼塊



	
		
		多類選擇器
		
	

	
		成功不是擊敗別人,而是改變自己。
		成功不是擊敗別人,而是改變自己。
		創(chuàng)新互聯(lián)
		創(chuàng)新互聯(lián)
	

css的基本選擇器有哪些

注意:多類選擇器執(zhí)行原理說明如下:首先class屬性值可以設置為多個以空格隔開即可,舉例:如果一個class屬性值包含.box.box1將其設置樣式,通過把兩個類選擇器鏈接在一起,僅可以選擇同時包含這些類名的元素(類名的順序不限)。如果一個多類選擇器包含類名列表中沒有的一個類名,匹配就會失敗?,F(xiàn)在大家應該知道了單獨的class屬性值為.box.box1沒有被渲染了。

到此,關于“css的基本選擇器有哪些”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注創(chuàng)新互聯(lián)網站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文名稱:css的基本選擇器有哪些
網頁網址:http://weahome.cn/article/gijhis.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部