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 Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
深入浅出CSS3 background-clip,background-origin和border-image教程
Jan 27 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
Nov 06 HTML / CSS
css3的过滤效果简单实例
Aug 03 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
Grid 宫格常用布局的实现
Jan 10 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
Mar 27 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
canvas裁剪clip()函数的具体使用
Mar 01 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
纯CSS实现酷炫的霓虹灯效果
Apr 13 HTML / CSS
分享几个实用的CSS代码块
Jun 10 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 QRCODE生成彩色二维码的方法
2016/05/19 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
如何在PHP中使用数组
2020/06/09 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
Electron中实现大文件上传和断点续传功能
2018/10/28 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
python网络编程示例(客户端与服务端)
2014/04/24 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
在Django的session中使用User对象的方法
2015/07/23 Python
python黑魔法之参数传递
2016/02/12 Python
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
Python爬虫文件下载图文教程
2018/12/23 Python
Python Pandas 箱线图的实现
2019/07/23 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
新闻学专业应届生求职信
2013/11/08 职场文书
《钱学森》听课反思
2014/03/01 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
市场总监岗位职责
2015/02/11 职场文书
雨中的树观后感
2015/06/03 职场文书
信仰纪录片观后感
2015/06/08 职场文书
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技