• 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 √
                注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一
  • 相关阅读:
    设计模式学习之工厂方法(Factory Method,创建型模式)(2)
    设计模式学习之简单工厂(Simple Factory,创建型模式)(1)
    JAVA基础学习之 Map集合、集合框架工具类Collections,Arrays、可变参数、List和Set集合框架什么时候使用等(4)
    JS图片延迟加载分析及简单的demo
    SVN服务器搭建和使用(三)(转载)
    SVN服务器搭建和使用(二)(转载)
    SVN服务器搭建和使用(一)(转载)
    JAVA基础学习之String、StringBuffer、StringBuilder、基本数据类型的使用、整形进制转换、集合Collection、Vector、ArrayList、LinkedList、HashSet、TreeSet等(3)
    Entity FrameWork 中使用Expression<Func<T,true>>访问数据库性能优化
    JAVA基础学习之throws和throw的区别、Java中的四种权限、多线程的使用等(2)
  • 原文地址:https://www.cnblogs.com/cgb123/p/12825008.html
Copyright © 2020-2023  润新知