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 Queries(跨平台设计)
Jul 27 HTML / CSS
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
Jan 06 HTML / CSS
CSS3实现内凹圆角的实例代码
May 04 HTML / CSS
CSS3的颜色渐变效果的示例代码
Sep 29 HTML / CSS
animation和transition的区别
Oct 12 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
Jan 03 HTML / CSS
简单的HTML5初步入门教程
Sep 29 HTML / CSS
HTML5 图片预加载的示例代码
Mar 25 HTML / CSS
AmazeUI 加载进度条的实现示例
Aug 20 HTML / CSS
Html5通过数据流方式播放视频的实现
Apr 27 HTML / CSS
html5表单的required属性使用
Jul 07 HTML / CSS
纯html+css实现奥运五环的示例代码
Aug 02 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 多关键字 高亮显示实现代码
2012/04/23 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
vue实现点击选中,其他的不选中方法
2018/09/05 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
大学生职业生涯设计书
2014/01/02 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
酒店拾金不昧表扬信
2014/01/18 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
大学生受助感言
2015/08/01 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书