css 元素選擇器的簡單實(shí)例
我要評(píng)論一個(gè)完整的HTML頁面是有很多不同的標(biāo)簽組成，而標(biāo)簽選擇器，則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式。本文章向碼農(nóng)介紹css 標(biāo)簽/元素選擇器以及其實(shí)例，需要的碼農(nóng)可以參考一下。
【標(biāo)簽選擇器】
一個(gè)完整的HTML頁面是有很多不同的標(biāo)簽組成，而標(biāo)簽選擇器，則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式，(在大環(huán)境中你可能出于不同的位置，但是不管怎么樣，你總是穿著同一套衣服，這件衣服就是由標(biāo)簽選擇器事先給你限定好的，不管走到哪里都是這身衣服)比如，在style.css文件中對(duì)p標(biāo)簽樣式的聲明如下：
- p{
- font-size:12px;
- background:#900;
- color:090;
- }
[/quote]則頁面中所有p標(biāo)簽的背景都是#900(紅色)，文字大小均是12px，顏色為#090(綠色)，這在后期維護(hù)中，如果想改變整個(gè)網(wǎng)站中p標(biāo)簽背景的顏色，只需要修改background屬性就可以了，就這么容易！
以上這篇css 元素選擇器的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/myhomepages/p/5499311.html
相關(guān)文章
CSS文本超出指定寬度后隱藏并顯示為省略號(hào)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狢SS文本超出指定寬度后隱藏并顯示為省略號(hào)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-24
本特效源碼是一組效果非常炫酷的checkbox復(fù)選框CSS3動(dòng)畫特效代碼，在點(diǎn)擊復(fù)選框時(shí)產(chǎn)生各種非常酷的CSS3動(dòng)畫2016-05-23
css3實(shí)現(xiàn)的模擬3D行星運(yùn)轉(zhuǎn)效果源碼
這是一款基于css3實(shí)現(xiàn)的模擬3D行星運(yùn)轉(zhuǎn)效果源碼。具有行星公轉(zhuǎn)與自轉(zhuǎn)的逼真3D效果。并且3D圖形可響應(yīng)鼠標(biāo)的移動(dòng)而呈現(xiàn)出平面圖的立體3D變換效果2016-05-23- writing-mode經(jīng)常被用來實(shí)現(xiàn)頁面文字的豎排,這里我們來系統(tǒng)地看一下CSS的writing-mode文字排版屬性使用教程,其中包括一個(gè)古詩的例子來展示writing-mode文字豎排用法2016-05-23
CSS3中的Media Queries學(xué)習(xí)筆記
CSS3中的Media Queries經(jīng)常被用來制作前端的響應(yīng)式設(shè)計(jì)頁面,這里整理了一份CSS3中的Media Queries學(xué)習(xí)筆記,包括IE8中的兼容問題解決,需要的朋友可以參考下2016-05-23詳解CSS3的perspective屬性設(shè)置3D變換距離的方法
perspective屬性及相關(guān)的perspective-origin屬性都是用來控制3D圖形空間中坐標(biāo)軸上的距離的,下面我們就來詳解CSS3的perspective屬性設(shè)置3D變換距離的方法,當(dāng)然后面也會(huì)講到2016-05-23CSS3中設(shè)置3D變形的transform-style屬性詳解
transform-style經(jīng)常被用來做三維空間坐標(biāo)系中的圖形變換,下面我們就來看看CSS3中設(shè)置3D變形的transform-style屬性詳解,需要的朋友可以參考下2016-05-23- 下面小編就為大家?guī)硪黄猚ss布局小技巧分享(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-24
