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中Media Query的使用
Jul 07 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
Sep 12 HTML / CSS
css3实现圆锥渐变conic-gradient效果
Feb 12 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
Nov 16 HTML / CSS
html5弹跳球示例代码
Jul 23 HTML / CSS
HTML5图片预览实例分享
Jun 04 HTML / CSS
详解HTML5中download属性的应用
Aug 06 HTML / CSS
HTML5 canvas基本绘图之图形组合
Jun 27 HTML / CSS
phonegap常用事件总结(必看篇)
Mar 31 HTML / CSS
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
Jul 31 HTML / CSS
box-shadow单边阴影的实现
May 21 HTML / CSS
Li list-style-image 图片垂直居中实现方法
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
实现树状结构的两种方法
2006/10/09 PHP
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
php 错误处理经验分享
2011/10/11 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
php实现水仙花数示例分享
2014/04/03 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
typecho插件编写教程(五):核心代码
2015/05/28 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
2013/01/11 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
用TensorFlow实现lasso回归和岭回归算法的示例
2018/05/02 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
python装饰器的特性原理详解
2019/12/25 Python
python实现TCP文件传输
2020/03/20 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
一些网络技术方面的面试题
2014/05/01 面试题
上课说话检讨书大全
2014/01/22 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
职务聘任书范文
2014/03/29 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
竞选学委演讲稿
2014/09/13 职场文书
2014年行政部工作总结
2014/11/19 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
教学工作总结范文5篇
2019/08/19 职场文书