一· 1.内部样式: 写在head标签里面 有一个style标签
2.外部样式: 引入css文件 href css文件的地址
3. 内联样式: style的属性 二. 1.px 像素 表示大小 2.width 宽 height 高 3.css选择器 1.id选择器 # 2.class选择器/类选择器 . 3.标签选择器 标签名 4.子代选择器 > 5.后代选择器(空格) 6.分组选择器 , 7.伪类选择器 : 三. 1.背景颜色 background-color: 2.背景图片 background-image: 3.背景图片是否重复: no-repeat 不重复 repeat-x x轴方向重复 repeat-y y轴方向重复 4.背景图片的位置: 1.方向:center left top bottom right 2.px:两个值(x,y) 如果只写了x的值,y默认是center 3.百分比 5.背景的简写 background: 四. 1.文本对齐方式:left center right text-align:left; 2.文本首行缩进 text-indent:-20px; 3.文本装饰:none 没有 underline 下划线 overline 上划线 line-through 贯穿线 text-decoration: ; 五. 1.设置字体:可以设置多个字体,从前往后依次识别,直到某一个字体支持为止。字体的名称如果是多个单词 需要用引号括起来。 2.字体大:默认大小是16px,最小显示是12px,移动端可以支持小于12px的字体。 3.字体风格:normal默认,italic斜体,oblique倾斜展示。 4.字体的粗细:权重值表示100~900,默认值是400,bold 加粗 对应是700 bolder更粗 相对于已经设置过的字体粗细上,再粗一点 六. 1.a:link{} 未访问过的样式 2.a:visited{} 已访问过的样式 3.a:hover{} 鼠标划入的样式 4.a:active{} 鼠标点击时的样式 当为链接的不同状态设置样式时,要按照以上顺序 七. 列表样式 list-style: type:none 取消不展示 disc 默认实心圆 square 正方形 circle 空心圆 decimal 数字 position:inside 内部 outside 外部 八. 1.*通配符选择器 会选中页面中所有的样式 *{} 2.margin外边距:top right bottom left 1个值:代表四个外边距相同 2个值:第一个代表上下 第二个代表左右 3个值:第一个代表上 第二个代表左右 第三个 下 4个值:上 右 下 左 3.块级元素在父元素里水平居中 margin:0 auto; 4.padding内边距:top right bottom left 1个值:代表四个外边距相同 2个值:第一个代表上下 第二个代表左右 3个值:第一个代表上 第二个代表左右 第三个 下 4个值:上 右 下 左 5.border边框:top right bottom left border-width 大小 border-style 颜色 border-color 样式 样式:solid实线 dashed虚线 dotted点状 double双线 6.元素实际看到的大小=元素设置的大小(width/height)+padding+border 九. 1.