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 相关文章推荐
CSS实现鼠标滑过鼠标点击代码写法
Dec 26 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
使用CSS3来匹配横屏竖屏的简单方法
Aug 04 HTML / CSS
利用纯CSS3实现tab选项卡切换示例代码
Sep 21 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
CSS3 新增选择器的实例
Nov 13 HTML / CSS
HTML5实践-图片设置成灰度图
Nov 12 HTML / CSS
html5 视频播放解决方案
Nov 06 HTML / CSS
手机端用rem+scss做适配的详解
Nov 15 HTML / CSS
HTML5 新表单类型示例代码
Mar 20 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
Nov 18 HTML / CSS
AmazeUI 加载进度条的实现示例
Aug 20 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+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP实现腾讯短网址生成api接口实例
2020/12/08 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
Javascript动画效果(2)
2016/10/11 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
Python数据持久化存储实现方法分析
2019/12/21 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
计算机软件个人的自荐信范文
2013/12/01 职场文书
记帐员岗位责任制
2014/02/08 职场文书
解除劳动合同协议书
2014/04/14 职场文书
教师病假条范文
2015/08/17 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB