1：标签选择器

标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式

复制代码

代码如下:

<html>
<head>
<styletype="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我现在表现的是标签选择器</p>
<pid="p2">我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>

2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素的Id必须是唯一的，所以。。。你懂得id选择器以#开头用法是：id=""

复制代码

代码如下:

<html>
<head>
<styletype="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我现在表现的是id选择器</p>
<pid="p">我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>

3：类选择器，类选择器以.开头    只要把元素的class="" 就能表现为这种样式了用法是：class=""

复制代码

代码如下:

<html>
<head>
<styletype="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我现在表现的是类选择器</p>
<pclass="yy">我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>

最新文章

  1. bash 脚本编程 利用 “=” 赋值时，左右不能留空格
  2. hdu 1503, LCS variants, find a LCS, not just the length, backtrack to find LCS, no extra markup 分类： hdoj 2015-07-18 16:24 139人阅读 评论(0) 收藏
  3. SQLserver聚集表、堆和索引
  4. ApacheServer-----关于443端口被占用的解决方法
  5. Ubuntu14 搭载vim环境查看源码
  6. 趣味问题：画图（c++实现）
  7. java乱码问题（转）
  8. ios页面间传递参数四种方式
  9. hdu 1222 Wolf and Rabbit
  10. CSS text-transform 属性——转换文本的大小写格式
  11. 微信公众帐号开发。大家是用框架还是自己写的流程。现在遇到若干问题。请教各路大仙 - V2EX
  12. ASP.NET MVC Model元数据
  13. xcode6+ios8 横屏下启动画面不显示问题修改
  14. java编程基础复习-------第二章
  15. 成为一名Java架构师的必修课
  16. bugku web 矛盾
  17. 四、Mysql主从同步
  18. Win10远程桌面可能是由于CredSSP加密Oracle修正
  19. Last Defence （2014 西安现场赛）
  20. 【学习笔记】--- 老男孩学Python，day18 面向对象------抽象类(接口类), 多态, 封装

热门文章

  1. 【剑指offer】面试题 5. 替换空格
  2. 对StackOverflow上投票最高的带javascript标签的问题的汇总
  3. 面向对象编程课程（OOP）第二单元总结
  4. 3000大洋，自己配置i5主机
  5. Find K Pairs with Smallest Sums -- LeetCode
  6. [BZOJ4709][JSOI2011]柠檬(斜率优化DP)
  7. BZOJ 3505 [Cqoi2014]数三角形（组合数学）
  8. BZOJ 1588 [HNOI2002]营业额统计（双向链表）
  9. 【折半枚举】Ural Championship April 30, 2017 Problem G. Glasses with solutions
  10. Problem F: 尖兵