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匹配手机屏幕横竖状态
Jan 27 HTML / CSS
可以随进度显示不同颜色的css3进度条分享
Apr 11 HTML / CSS
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
May 07 HTML / CSS
纯CSS3大转盘抽奖示例代码(响应式、可配置)
Jan 13 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
Mar 25 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
Oct 23 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
data:image data url 文件转为Blob上传后端的方法
Jul 16 HTML / CSS
CSS3 天气图标动画效果
Apr 06 HTML / CSS
POST提交数据常见的四种方式
Jan 18 HTML / CSS
HTML5之高度塌陷问题的解决
Jun 01 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
php array_udiff_assoc 计算两个数组的差集实例
2016/11/12 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
2013/07/04 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
vue小图标favicon不显示的解决方案
2017/09/19 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
JavaScript中七种流行的开源机器学习框架
2018/10/11 Javascript
JS实现密码框效果
2020/09/10 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
python支持断点续传的多线程下载示例
2014/01/16 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
基于Python闭包及其作用域详解
2017/08/28 Python
python实现flappy bird小游戏
2018/12/24 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
基于Python的OCR实现示例
2020/04/03 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
EJB timer的种类
2014/10/28 面试题
咖啡馆创业计划书
2014/01/26 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
护士求职信
2014/07/05 职场文书
写给父母的感谢信
2015/01/22 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
党员身份证明材料
2015/06/19 职场文书
董事长开业致辞
2015/07/29 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python