目录
基本结构
CSS,Cascading Style Sheet层叠样式表,基于HTML,把结构和样式分离开发。
美化,皮肤。
- 给HTML标签添加 样式,共有三种方式:行间样式、内部样式、外部样式。
行间样式:直接在html标签里面加上style属性就可以了。
例如:
<div style="width: 100px;height: 100px;background-color: rgb(133, 119, 119);">
内部样式和外部样式后面基础部分学。
- 最重要的的就是那些详细的样式属性:
宽高 width、height(单位:px像素,%) 背景色 background-color(英文名字、十六进制、RGB)
背景样式
属性:
background-color 上面 background-image background-image:url()默认重复平铺 background-repeat 背景图片平铺方式(repeat、repeat-x、repeat-y、no-repeat) background-position background-position:x坐标 y坐标;还有right bottom等关键字 background-attachment 背景图片随着滚动条的移动方式(fixed不动,scroll动)
边框样式
我最喜欢了,heihei
border-color 颜色 border-width 大小 border-style 样式 border-left-* 左边框 border-right-* 右边框 border-top-* 上边框 border-bottom-* 下边框
文字样式
font-family 宋体......中文放在双引号里,多个单词的英文放在双引号里,可以备选多个逗号隔开,系统没有找到第一个会依次找下一个 font-size 大小 font-weight 粗细 font-style 样式(斜体......) color 颜色
段落样式
text-decoration 文本装饰(下划线等) text-transform 大小写 text-indent 缩进(单位em,相对尺寸) text-align 对齐方式 line-height 一行的高度 letter-spacing 字间距 word-spacing 词间距
复合样式
真适合我这种懒人
background 属性值写在一起空格隔开,不用每个属性列出来 border 同上 font 字体样式必须先写样式和粗细,再写大小,最后是字体
最好都写复合样式,不然后来写的复合样式会覆盖掉单一样式。