css 元素選擇器的簡單實例

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