zoukankan      html  css  js  c++  java
  • 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 √
                注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一
  • 相关阅读:
    hdu 5154 拓扑排序
    CSS性能优化的8个技巧
    移动端性能监控方案Hertz
    箴言
    如何使网页的文字不能被复制
    flyio 的请求封装
    vue-cli3.0 环境变量与模式
    函数防抖和函数节流
    CSS世界中那些说起来很冷的知识
    vue多层次组件监听动作和属性
  • 原文地址:https://www.cnblogs.com/cgb123/p/12825008.html
Copyright © 2011-2022 走看看