喜欢研究学习技术，喜欢和志同道合的人交流。 从事测试6年，专职性能3年经验，擅长性能测试，测试框架开发。 励志格言：只要想学习，永远都不会太晚；只要想进步，永远都会有空间。

CSS学习笔记之选择器

上一篇 / 下一篇  2014-07-03 09:01:23 / 个人分类：java开发技术

查看( 900 ) / 评论( 0 ) / 评分( 0 / 0 )
 CSS与HTML的结合方式：
1.CSS和div的结合第一种方式 ：每个HTML标签中都有一个style属性
style=属性：属性值;属性之间用分号进行分隔
2.CSS和div的结合第二种方式 ：用style标签的方式
使用样式标签style标识CSS代码
样式标签一定是先定义的head标签中，一定是先加载，读到有样式标签的地方就，加载CSS样式。
如果碰到HTML标签中有定义style属性，相同的属性值，则覆盖，如果不相同，则进行重叠。
3.直接将CSS文件写入到.css的文件中。通过@impotr url(div.css)导入。
如果CSS文件太多，可以将CSS文件放入到另一个CSS文件中。同样通过@improt url(div.css)方式导入其它的CSS文件。
只要有样式需要改变，只要改变样式文件的内容，就可以。
4.使用<link>标签进行CSS连接。
例子：<link rel="stylesheet" href="1.css" type="text/css">

CSS样式的优先级：
由上到下，由外到内，优先级由低到高。
标签选择器<类选择器<id选择器<style选择器

总结CSS代码格式：
选择器名称{
属性名称：属性值；属性名称:属性值；，，，，
}
属性与属性之间用分号隔开
属性与属性值之间用冒号隔开
如果一个属性有多个值的话，那么多个值用空格隔开。

选择器：要选择哪个容器，理解为容器。定义了样式，样式需要作用于哪个标签上，就称为选择器。
CSS有三种选择器
1.标签选择器，使用的就是html的标签名
2.class选择器，就是使用标签中的calss属性
3.id选择器，其实就是用的是标签中的id属性
name选择器

id的取值，在页面中是唯一的,该属性除了给CSS使用，还需要提供给JavaScript进行使用，
如果不唯一，就会存在获取错误。id通常是为了标识页面中的一些特定区域使用的，如表单区域。

class选择器：取全部DIV中class属性值为qq的值例子：div.qq{};
取全部标签中包含class属性值为qq的值例子：.qq{};
id选择器： 取全部DIV中id属性值为qq的值例子：div#qq{};
取全部标签中包含id属性值为qq的值例子：#qq{};
扩展选择器
关联选择器：
例子：span b{ /*选择器中的选择器*/
background-color:red;
color:yellow;
}
组合选择器，就是对多个选择器进行样式。

收藏 举报

TAG:

 

评分：0

我来说两句

Open Toolbar