CSS-详情见帮助文档
1.CSS的作用
1.1什么是CSS,有什么作用?
CSS(Cascading Style Sheet):层叠样式语言
CSS的作用是:
修饰HTML页面,设置HTML页面中某些元素的样式,让HTML更好看
CSS好比HTML的化妆品一样
HTML还是主体,CSS依赖HTML,新建的文件还是.html
1.2 CSS要求:
*常见的CSS样式要求会写
*别人写的CSS样式要能看懂
1.3 在HTML中嵌套CSS的三种方式
第一种:内联定义法
在标签内部使用style属性来设置元素的CSS样式
语法格式:
<标签 style=“样式名:样式值;样式名:样式值;样式名:样式值;样式名:样式值;....”’></标签>
第二种:样式块方式
在head标签中使用style块
语法格式:
<head>
<style type="text/css">
选择器{
样式名:样式值;
样式名:样式值;
......
}
选择器{
样式名:样式值;
样式名:样式值;
......
}
</style>
</head>
第三种:链入式
将样式写到一个.CSS文件中
易维护,维护成本低
2.边框
border:[ border-width ] || [ border-style ] || [ border-color ]
3.隐藏
dispaly 布局样式
4.字体
font
5.文本装饰
6.列表
7.设置鼠标悬停
8.定位
9.鼠标小手
cursor鼠标样式
cursor:pointer
10.选择器
1.id选择器
#+id{
样式名:样式值;
样式名:样式值;
样式名:样式值;
}
2.标签选择器
标签名{
样式名:样式值;
样式名:样式值;
样式名:样式值;
}
3.类选择器
.+类名{
样式名:样式值;
样式名:样式值;
样式名:样式值;
}
只要类名相同就能作用,这个
11. 绝对定位
position
详情见帮助文档