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,js)
Dec 12 HTML / CSS
纯CSS实现预加载动画效果
Sep 06 HTML / CSS
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
May 07 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
Mar 01 HTML / CSS
CSS3实现头像旋转效果
Mar 13 HTML / CSS
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
Jun 03 HTML / CSS
html5画布旋转效果示例
Jan 27 HTML / CSS
用HTML5制作数字时钟的教程
May 11 HTML / CSS
详解Html5 监听拦截Android返回键方法
Apr 18 HTML / CSS
canvas环形倒计时组件的示例代码
Jun 14 HTML / CSS
HTML5拖拽功能实现的拼图游戏
Jul 31 HTML / CSS
html,css,javascript是怎样变成页面的
May 07 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中call_user_func_array的作用
2013/06/07 PHP
PHP与jquery实时显示网站在线人数实例详解
2016/12/02 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
PHP安装memcache扩展的步骤讲解
2019/02/14 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
轮播的简单实现方法
2016/07/28 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
详解Python中的日志模块logging
2015/06/19 Python
Python环境下安装使用异步任务队列包Celery的基础教程
2016/05/07 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
python statsmodel的使用
2020/12/21 Python
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
《夜晚的实验》教学反思
2014/02/19 职场文书
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
根叔历年演讲稿
2014/05/20 职场文书
2014年教师党员自我评议
2014/09/19 职场文书