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

相关推荐