1.格式: 2.内联样式、内部样式: 内部样式的代码可以复用,建议使用 3.外部样式: 引入css文件 name.css 通过link标签引入 ,rel属性指定资源和页面的关系,href属性资源的地址 或者@import 不建议使用 4.背景样式: background-color 背景色 background-image 背景图 url 地址 默认 会水平垂直铺满背景图 background-repeat 平铺方式 background-position 背景位置 background-attachment 背景图随滚动条移动的方式 scroll 默认 背景位置按照当前位置偏移 fixed 背景位置按照浏览器偏移 5.边框样式 border-style solid: dashed: dotted border-width:边框大小 border-color: 边框颜色 transparent透明色 6.字体样式: font-family i.设置多个字体的目的 ii.引号的目的 font-size 默认16px,字体大小一般是偶数 font-weight 字体粗细 normal、bold(加粗)、number(100~900)100~500是正常,600~900是加粗 font-style 字体样式 normal、italic(斜体)、 font-corlor 颜色 7.css段落样式 text-decoration:文本装饰 underline overline line-through 删除线 none text-transform:文本大小写 uppercase lowercase caoitalize首字母大写 text-indent:文本缩进 em单位,1em=字体大小 text-align:文本对齐方式 left、right、center、justify(两端点对齐) line-height:定义行高 行高由:上边距、下边距、字体自身高度组成,下边距和上边距相等 letter-spacing:字之间的间距 word-spacing:词之间的间距(针对英文单词) 解决数字、英文不自动转行的问题: word-break:break-all 非常强烈的折行 word-wrap:break-word 不太强烈,会产生空白区域 css复合样式: 符合写法通过空格实现,符合写法有的不关心顺序,例如:background、border 而font是需要关心顺序的 1.background:red url() repeat() 0 0; 2.border: 1px red solid; 3.font 最少需要两个值 size family weight height size family √ style weight size famil √ weight style size/line-height family √ 注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一 1.格式: 2.内联样式、内部样式: 内部样式的代码可以复用,建议使用 3.外部样式: 引入css文件 name.css 通过link标签引入 ,rel属性指定资源和页面的关系,href属性资源的地址 或者@import 不建议使用 4.背景样式: background-color 背景色 background-image 背景图 url 地址 默认 会水平垂直铺满背景图 background-repeat 平铺方式 background-position 背景位置 background-attachment 背景图随滚动条移动的方式 scroll 默认 背景位置按照当前位置偏移 fixed 背景位置按照浏览器偏移 5.边框样式 border-style solid: dashed: dotted border-width:边框大小 border-color: 边框颜色 transparent透明色 6.字体样式: font-family i.设置多个字体的目的 ii.引号的目的 font-size 默认16px,字体大小一般是偶数 font-weight 字体粗细 normal、bold(加粗)、number(100~900)100~500是正常,600~900是加粗 font-style 字体样式 normal、italic(斜体)、 font-corlor 颜色 7.css段落样式 text-decoration:文本装饰 underline overline line-through 删除线 none text-transform:文本大小写 uppercase lowercase caoitalize首字母大写 text-indent:文本缩进 em单位,1em=字体大小 text-align:文本对齐方式 left、right、center、justify(两端点对齐) line-height:定义行高 行高由:上边距、下边距、字体自身高度组成,下边距和上边距相等 letter-spacing:字之间的间距 word-spacing:词之间的间距(针对英文单词) 解决数字、英文不自动转行的问题: word-break:break-all 非常强烈的折行 word-wrap:break-word 不太强烈,会产生空白区域 css复合样式: 符合写法通过空格实现,符合写法有的不关心顺序,例如:background、border 而font是需要关心顺序的 1.background:red url() repeat() 0 0; 2.border: 1px red solid; 3.font 最少需要两个值 size family weight height size family √ style weight size famil √ weight style size/line-height family √ 注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一