css 学习笔记
来源:互联网 发布:java一对一聊天程序 编辑:程序博客网 时间:2024/06/03 07:34
CSS: Cascading Style Sheet 级联样式表
why:
1,样式表能内容与样式的分离,方便团队开发
2,样式复用,方便网站的后期维护
3,页面的精确控制,试下精美,复杂页面
where:结合html代码来设计网页,进行网页风格设计
HOW:
<style type="text/css">
选择器{
对象的属性名:属性值;
对象的属性名:属性值;
}
</style>
选择器:
1,标签选择器
2,类选择器
3,ID选择器
4,其他选择器
优先级:如果优先级相同,后面的样式会覆盖前面的样式
why:
1,样式表能内容与样式的分离,方便团队开发
2,样式复用,方便网站的后期维护
3,页面的精确控制,试下精美,复杂页面
where:结合html代码来设计网页,进行网页风格设计
HOW:
<style type="text/css">
选择器{
对象的属性名:属性值;
对象的属性名:属性值;
}
</style>
选择器:
1,标签选择器
2,类选择器
3,ID选择器
4,其他选择器
优先级:如果优先级相同,后面的样式会覆盖前面的样式
标签选择器<类选择器<ID选择器<行内样式
1,css 级联样式表
2,
a/行内样式
<a style ="属性名:属性值"></a>
b/内部样式
<style type ="text/css">
属性名:属性值
c/外部样式
<link rel="stylesheet" href="css文件路径"/>
3,选择器
a,标签 b,类 c,id d,其他选择器(属性,后代,子代,伪类)
4,样式
font-size:
font-family:
font-space:
color:
text-shadow:
overflow:
text-overflow:
white-space:
background-image:
background-position:
background-repeat:
5,盒子
border:边框
padding:内边距
margin:外边距
border-width:
border-style:
border-color:
浮动的3个特性:
1,浮动会脱离文档流,释放原先被占据的空间,使得其他元素占据
2,紧贴上一个浮动元素,如果宽度不够自动换行
3,
0 0
- CSS学习笔记----CSS选择器
- CSS学习笔记一
- CSS学习笔记二
- CSS学习笔记一
- CSS学习笔记二
- CSS学习笔记三
- CSS学习笔记四
- CSS学习笔记五
- CSS学习笔记
- css学习笔记
- css学习笔记
- CSS入门学习笔记
- css学习笔记
- CSS学习笔记
- CSS学习笔记
- div+css学习笔记
- CSS学习笔记
- css 学习笔记
- 数据结构 线性表的顺序储存结构
- web进修之—Hibernate CRUD(2)
- 折半查找<二分查找>
- 重构鄙视链,国产手机该如何提升用户的优越感
- .before和.after+3D旋转案例(字体翻转的效果)
- css 学习笔记
- 大话设计模式之代理模式
- 构造MaxTree
- 机器学习之期望最大算法(EM算法)
- 第四周项目四(3)
- 常用网络访问方式的模板
- 两端移动输出一个字符串
- BP神经网络
- 读书笔记 | 从0到1:开启商业与未来的秘密