• 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 √
                注:不建议复合单一混合写,如果非要混合写,一定先写混合,再写单一
  • 相关阅读:
    递归
    linq语法
    客户端(winform)更新
    c# 实时监控数据库 SqlDependency
    C# MVC NPOI导出
    mui手机图片压缩上传+C#
    vs连接Oracle 客户端库时引发 BadImageFormatException
    一对多的子表数据利用游标循环更新主表的数据
    数据库的恢复数据语句
    mysql三-2:数据类型
  • 原文地址:https://www.cnblogs.com/cgb123/p/12825008.html
Copyright © 2020-2023  润新知