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 相关文章推荐
HTML5时代CSS设置漂亮字体取代图片
Sep 04 HTML / CSS
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
Oct 11 HTML / CSS
使用CSS3制作响应式导航菜单的方法
Jul 12 HTML / CSS
使用css实现android系统的loading加载动画
Jul 25 HTML / CSS
HTML5 WebGL 实现民航客机飞行监控系统
Jul 25 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
Mar 12 HTML / CSS
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
Apr 26 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
Aug 18 HTML / CSS
一文彻底解决HTML5页面中长按保存图片功能
Jun 10 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
Jan 03 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
Dec 01 HTML / CSS
CSS实现九宫格布局(自适应)的示例代码
Feb 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
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
PHP+redis实现微博的拉模型案例详解
2019/07/10 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
BootStrap中
2016/12/10 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
Django框架下在视图中使用模版的方法
2015/07/16 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python二叉搜索树与双向链表转换算法示例
2019/03/02 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
高一英语教学反思
2014/01/22 职场文书
2014信息公开实施方案
2014/02/22 职场文书
大班上学期个人总结
2015/02/13 职场文书
节约用电倡议书
2015/04/28 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android