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实战第一波 让我们尽情的圆角吧
Aug 27 HTML / CSS
基于css3实现漂亮便签样式
Mar 18 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
纯CSS3+DIV实现小三角形边框效果的示例代码
Aug 03 HTML / CSS
CSS3实现莲花绽放的动画效果
Nov 06 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
Nov 16 HTML / CSS
html5服务器推送_动力节点Java学院整理
Jul 12 HTML / CSS
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
Jan 31 HTML / CSS
HTML5 图片悬停放大的实现代码示例
Dec 04 HTML / CSS
HTML5 drag和drop具体使用详解
Jan 18 HTML / CSS
CSS3点击按钮圆形进度打钩效果的实现代码
Mar 30 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
动态新闻发布的实现及其技巧
2006/10/09 PHP
php多层数组与对象的转换实例代码
2013/08/05 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
thinkPHP查询方式小结
2016/01/09 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Django数据库操作的实例(增删改查)
2017/09/04 Python
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
keras.layer.input()用法说明
2020/06/16 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
雷蛇美国官网:Razer
2020/04/03 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
员工自我鉴定范文
2013/10/06 职场文书
文秘自荐信
2013/10/20 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
检讨书范文500字
2015/01/28 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
自书遗嘱范文
2015/08/07 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python