css大纲

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 √             注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一

相关文章