编写css代码的方式:
第二种: 可以引入外部的css文件。 推荐使用。
方式1: 使用link标签。 推荐使用...
例子:<link href="css文件的路径" rel=“stylesheet>
在CSS中,link里 的rel="stylesheet"是什么意思啊
告诉程序:哥要准备写css了!
Rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;
stylesheet就是样式表的意思;CSS是 Cascading Style Sheet(级联样式表)的缩写
选择器: 选择器的作用就是找到对应的数据进行样式化。
1.标签选择器: 就是找到所有指定的标签进行样式化。
格式:
标签名{
样式1;样式2....
}
例子:
div{
color:#F00;
font-size:24px;
}
2. 类选择器: 使用类选择器首先要给html标签指定对应的class属性值。
格式:
.class的属性值{
样式1;样式2...
}
例子:
.two{
background-color:#0F0;
color:#F00;
font-size:24px;
}
类选择器要注意的事项:
1. html元素的class属性值一定不能以数字开头.
2. 类选择器的样式是要优先于标签选择器的样式。
3. ID选择器: 使用ID选择器首先要给html元素添加一个id的属性值。
ID选择器的格式:
#id属性值{
样式1;样式2...
}
id选择器要注意的事项:
1. ID选择器的样式优先级是最高的,优先于类选择器与标签选择器。
2. ID的属性值也是不能以数字开头的。
3. ID的属性值在一个html页面中只能出现一次。
4. 交集选择器: 就是对选择器1中的选择器2里面的数据进行样式化。
选择器1 选择器2{
样式1,样式2....
}
例子:
.two span{
background-color:#999;
font-size:24px;
}
将所有段落字体设为红色
$("p").css("color","red");