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绘制圆角矩形的简单示例
Sep 28 HTML / CSS
基础的CSS3弹性盒Flexbox布局使用实例
Apr 08 HTML / CSS
CSS3中的display:grid,网格布局介绍
Oct 30 HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
Oct 17 HTML / CSS
html5实现的便签特效(实战分享)
Nov 29 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
May 07 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
Dec 07 HTML / CSS
canvas 基础之图像处理的使用
Apr 10 HTML / CSS
HTML基础详解(上)
Oct 16 HTML / CSS
VW、VH适配移动端的解决方案与常见问题
May 21 HTML / CSS
CSS 实现磨砂玻璃(毛玻璃)效果样式
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网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
php的dl函数用法实例
2014/11/06 PHP
php判断数组中是否存在指定键(key)的方法
2015/03/17 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
Angular2库初探
2017/03/01 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
python实现的udp协议Server和Client代码实例
2014/06/04 Python
python 删除大文件中的某一行(最有效率的方法)
2017/08/19 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
Python装饰器知识点补充
2018/05/28 Python
基于数据归一化以及Python实现方式
2018/07/11 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
Python实现自动装机功能案例分析
2020/10/22 Python
安装不同版本的tensorflow与models方法实现
2021/02/20 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
中国制造网:Made-in-China.com
2019/10/25 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
自荐书范文
2013/12/08 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
小学生学习感言
2014/03/10 职场文书
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers