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实现input输入框颜色渐变发光效果代码
Apr 02 HTML / CSS
CSS3过渡transition效果实例介绍
May 03 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
Oct 15 HTML / CSS
html5时钟实现代码
Oct 22 HTML / CSS
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
Dec 09 HTML / CSS
html5指南-7.geolocation结合google maps开发一个小的应用
Jan 07 HTML / CSS
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
Jun 23 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
May 19 HTML / CSS
HTML5中在title标题标签里设置小图标的方法
Jun 23 HTML / CSS
使用CSS设置滚动条样式
Jan 18 HTML / CSS
box-shadow单边阴影的实现
May 21 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
mysql limit查询优化分析
2008/11/12 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
php实现socket推送技术的示例
2017/12/20 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
Vue中图片Src使用变量的方法
2019/10/30 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
Python getopt模块处理命令行选项实例
2014/05/13 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
浅谈Python peewee 使用经验
2017/10/20 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Django实现分页显示效果
2019/10/31 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
Python爬虫与反爬虫大战
2020/07/30 Python
使用CSS3制作一个简单的Chrome模拟器
2015/07/15 HTML / CSS
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
请说出以下代码输出什么
2013/08/30 面试题
Java面试题汇总
2015/12/06 面试题
兼职业务员岗位职责
2014/01/01 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
创先争优宣传标语
2014/10/08 职场文书
员工年度工作总结2015
2015/05/18 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书