css 元素选择器的简单实例


Posted in HTML / CSS onMay 23, 2016

一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式。本文章向码农介绍css 标签/元素选择器以及其实例,需要的码农可以参考一下。

【标签选择器】

一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明如下:

XML/HTML Code复制内容到剪贴板
  1. p{    
  2. font-size:12px;    
  3. background:#900;    
  4. color:090;    
  5. }    

[/quote]则页面中所有p标签的背景都是#900(红色),文字大小均是12px,颜色为#090(绿色),这在后期维护中,如果想改变整个网站中p标签背景的颜色,只需要修改background属性就可以了,就这么容易!

以上这篇css 元素选择器的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

原文地址:http://www.cnblogs.com/myhomepages/p/5499311.html

HTML / CSS 相关文章推荐
CSS3轻松实现清新 Loading 效果的简单实例
Jun 06 HTML / CSS
纯CSS3实现手风琴风格菜单具体步骤
May 06 HTML / CSS
CSS实现雨滴动画效果的实例代码
Oct 08 HTML / CSS
html5需遵循的6个设计原则
Apr 27 HTML / CSS
HTML5 新标签全部总汇(推荐)
Jun 13 HTML / CSS
HTML5 Canvas实现放大镜效果示例
Mar 25 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
HTML中table表格拆分合并(colspan、rowspan)
Apr 07 HTML / CSS
纯CSS实现酷炫的霓虹灯效果
Apr 13 HTML / CSS
面试必问:圣杯布局和双飞翼布局的区别
May 13 HTML / CSS
HTML基础详解(下)
Oct 16 HTML / CSS
CSS中理解层叠性及权重如何分配
Dec 24 HTML / CSS
css sprite简单实例
May 23 #HTML / CSS
CSS3中的Transition过度与Animation动画属性使用要点
May 20 #HTML / CSS
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
May 17 #HTML / CSS
CSS3中各种颜色属性的使用教程
May 17 #HTML / CSS
使用CSS3美化HTML表单的技巧演示
May 17 #HTML / CSS
利用CSS3的border-radius绘制太极及爱心图案示例
May 17 #HTML / CSS
CSS3的常见transformation图形变化用法小结
May 13 #HTML / CSS
You might like
PHP新手上路(九)
2006/10/09 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
php实现图片压缩处理
2020/09/09 PHP
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
Python中的filter()函数的用法
2015/04/27 Python
python实现报表自动化详解
2017/11/16 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
Python socket聊天脚本代码实例
2020/01/02 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
韩国现代百货官网:Hmall
2018/03/21 全球购物
毕业生怎样写好自荐信
2013/11/11 职场文书
加油口号大全
2014/06/13 职场文书
调研座谈会发言材料
2014/08/23 职场文书
九华山导游词
2015/02/03 职场文书
灵山大佛导游词
2015/02/04 职场文书
中学生逃课检讨书
2015/02/17 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技