一、css代码的书写的三个位置
1.在当前页面来进行编写css代码
格式:
<style type="text/css">
css的样式
</style>
例如:
<style type="text/css">
a{
color:#F00;
font-size:36px}
</style>
2.引入外部css文件
格式:
<link href="css文件资源路径" rel="stylesheet"/>
例如:<link href="1css文件.css" rel="stylesheet"/>
3.把样式写到指定的标签上
style="color:#0F0;font-size:36px "
二、选择器
1.id选择器:id的属性值 在一个页面当中只出现一次
格式:#id属性值{
样式
}
例:#a1{
color:#F00;
font-size:16px;
}
2. 标签选择器:根据标签名来找指定的标签
标签名{
样式
}
例:
a{
font-size:32px;
color:#F00;
}
注意:id选择器的优先级比标签选择器的优先级高
3.类选择器:首先需要给标签添加一个class的属性,在一个网页当中class的属性值可以出现多个。
.class属性值{
样式化
}
.c1{
font-size:36px;
color:#FF0}
注意:id的选择器的优先级要高于类选择器的优先级
4.伪类选择器的使用
:link 设置a对象在未被访问前的样式表属性
:hover 设置对象在其鼠标悬停时的样式表属性
:active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性
:visited 设置a对象在其链接地址已被访问过时的样式表属性
三、盒子模型
盒子模型就是把一个html边框比作称一个盒子的边,盒子模型要做用于操作数据与
边框之间的距离。
padding:内边距
margin:外边距
四、定位
css的定位 position
relative: 相对定位,相对于原来的位置
absolute:绝对定位,相对于整个网页的位置
fixed: 固定定位