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弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
基于CSS3实现的几个小loading效果
Sep 27 HTML / CSS
CSS3教程(8):CSS3透明度指南
Apr 02 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 HTML / CSS
canvas实现图片马赛克的示例代码
Mar 26 HTML / CSS
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
Jun 04 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
Jul 02 HTML / CSS
基于html5实现的图片墙效果
Oct 16 HTML / CSS
详解webapp页面滚动卡顿的解决办法
Dec 26 HTML / CSS
HTML5开发动态音频图的实现
Jul 02 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
Aug 17 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
js添加事件的通用方法推荐
2016/05/15 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
[01:20:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第四场 8.26
2018/08/30 DOTA
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
遗传算法之Python实现代码
2017/10/10 Python
Python字典遍历操作实例小结
2019/03/05 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
如何在django中实现分页功能
2020/04/22 Python
python图片合成的示例
2020/11/09 Python
python 实用工具状态机transitions
2020/11/21 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
Python中pass语句的作用是什么
2016/06/01 面试题
中班中秋节活动反思
2014/02/18 职场文书
幼师求职自荐信
2014/05/31 职场文书
关于保护环境的标语
2014/06/09 职场文书
花坛标语大全
2014/06/30 职场文书
只用Python就可以制作的简单词云
2021/06/07 Python
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android