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实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
利用SVG和CSS3来实现一个炫酷的边框动画
Jul 22 HTML / CSS
CSS3绘制圆角矩形的简单示例
Sep 28 HTML / CSS
CSS3标注引用的出处和来源的方法
Feb 25 HTML / CSS
canvas粒子动画背景的实现示例
Sep 03 HTML / CSS
HTML5之多线程(Web Worker)
Jan 02 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
Jun 08 HTML / CSS
详解HTML5中ol标签的用法
Sep 08 HTML / CSS
HTML5 拖放功能实现代码
Jul 14 HTML / CSS
mui几种页面跳转方式对比总结概括
Aug 18 HTML / CSS
使用canvas一步步实现图片打码功能的方法
Jun 17 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
Aug 12 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操作类
2006/11/16 PHP
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
js 走马灯简单实例
2013/11/21 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
vue 添加vux的代码讲解
2017/11/30 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
基于Pandas读取csv文件Error的总结
2018/06/15 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
Python常用特殊方法实例总结
2019/03/22 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
Linux文件系统类型
2012/09/16 面试题
什么是GWT的Entry Point
2013/08/16 面试题
英语专业毕业个人求职自荐信
2013/09/21 职场文书
竞选部长演讲稿
2014/04/26 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
职工年度考核评语
2014/12/31 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
小学思想品德教学反思
2016/02/24 职场文书
Java新手教程之ArrayList的基本使用
2021/06/20 Java/Android