html中css三种常见的样式选择器
来源:互联网 发布:网络充值卡怎么用 编辑:程序博客网 时间:2024/05/17 23:03
所有的例子可以直接复制运行
1:标签选择器
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
<html>
<head>
<style type="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<p id="p1">我现在表现的是标签选择器</p>
<p id="p2">我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
2:id选择器,注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,所以。。。你懂得
id选择器以#开头
用法是:id=""
<html>
<head>
<style type="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<p id="yy">我现在表现的是id选择器</p>
<p id="p">我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>3:类选择器,
类选择器以.开头 只要把元素的class="" 就能表现为这种样式了
用法是:class=""
<html>
<head>
<style type="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<p class="yy">我现在表现的是类选择器</p>
<p class="yy">我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
- html中css三种常见的样式选择器
- HTML 中CSS三种常见的样式选择器
- HTML中定义CSS样式的三种方式
- 【Html】三种CSS样式的优先级
- html/css使用的三种样式
- css中常见的选择器
- HTML中定义CSS样式的三中方式
- html css层叠样式基础(常用选择器)(三)
- html元素 css样式 选择器
- HTML常用标记、CSS三种选择器
- 【HTML】HTML中使用CSS样式的几种方式
- css的三种选择器
- CSS的三种选择器
- HTML、CSS和JavaScript学习二(Css样式选择器及各选择器的优先级)
- html css三大选择器
- html中使用css样式表的四种方法
- html页面中引入css样式的3种方式
- 在HTML中使用CSS样式的几种方式
- Java Random生成序列号例子
- 指针的初始化
- 11g调度(1)
- fl2440 移植u-boot-2010.09全纪录3----------DM9000网卡支持
- C#中null类型有关问题
- html中css三种常见的样式选择器
- VS2010调试X86汇编程序
- 【soj 2370】Just The Simple Fax( http://soj.me/show_problem.php?pid=2370)
- 高性能的大型系统经验 -- 将数据分类、并缓存
- Nginx
- css3构建漂亮的搜索表单
- VMware Workstation 9 注册码
- OpenStack swift安装
- 基于 android 数据备份恢复的一种实现