day03

作者: revinu | 来源:发表于2018-03-01 17:26 被阅读0次

    A今天学了什么?

    1.CSS基本样式讲解

    1.1css背景样式

    background-color 背景颜色
    
    background-img 背景图片
    
    background-position 背景元素位置
    
    background- attachment 背景吸附
    
    bcakground-repeat 背景重复
    
    background-size 背景图片大小
    

    1.2CSS文本

    text-align 文本居中
    
    text-indent 文本缩进
    
    text-transform 文本转化
    
    text-decoration 文本修饰
    
    color 文本颜色
    

    1.3CSS字体

    font-size 字体大小
    
    font-family 字体属性
    
    font-style 字体样式
    
    font-weight 字体粗细
    
    line-height 行高
    

    1.4.css链接

    a:link{} 正常,未访问过
    
    a:visited 已访问过
    
    a:active 鼠标点击时
    
    a:hover 鼠标放在上面时
    
    若单独设置一个链接
    满足a:link = a:visited>a:hover>a:active
    

    1.5CSS列表样式

    list-style:none  清除列表样式
    
    list-style-type 列表图标样式
    
    list-style-img 列表图标  从图片中选择
    

    1.6边框样式

    border-color 边框颜色
    
    border-style 边框样式
    
    border-width 边框宽度
    
    可以简写 border: 1px solid red
    

    1.7 表格

    table tr th td
    
    设置间隔
    table{
    border-collapse:collapse
    }
    
    在th td可设置
    跨越行 colspan
    跨越列 rowspan
    

    1.8轮廓属性

    和边框类型 但不占据位置
    
    opacity: 透明度
    
    visibility: 可视性
    

    1.9CSS样式继承

    如果子元素没设置宽,则继承父元素的宽
    
    如果父元素没设置高,则继承子元素的高
    

    2.0CSS可以继承的样式

    文本相关属性:color,text-align,text-transform,text-decoration,text-indent(内联标签不能设置)
    
    字体相关属性:font-size,font-family,font-weight,font-style
    
    列表相关属性:list-style
    
    表格相关属性:border-collapse
    
    其它属性:cursor ,visibility
    

    B今天学到了什么

    1.1css背景样式

    background-color 背景颜色
    
    background-img 背景图片
    
    background-position 背景元素位置
    
    background- attachment 背景吸附
    
    bcakground-repeat 背景重复
    
    background-size 背景图片大小
    

    1.2CSS文本

    text-align 文本居中
    
    text-indent 文本缩进
    
    text-transform 文本转化
    
    text-decoration 文本修饰
    
    color 文本颜色
    

    1.3CSS字体

    font-size 字体大小
    
    font-family 字体属性
    
    font-style 字体样式
    
    font-weight 字体粗细
    
    line-height 行高
    

    1.4.css链接

    a:link{} 正常,未访问过
    
    a:visited 已访问过
    
    a:active 鼠标点击时
    
    a:hover 鼠标放在上面时
    
    若单独设置一个链接
    满足a:link = a:visited>a:hover>a:active
    

    1.5CSS列表样式

    list-style:none  清除列表样式
    
    list-style-type 列表图标样式
    
    list-style-img 列表图标  从图片中选择
    

    1.6边框样式

    border-color 边框颜色
    
    border-style 边框样式
    
    border-width 边框宽度
    
    可以简写 border: 1px solid red
    

    1.7 表格

    table tr th td
    
    设置间隔
    table{
    border-collapse:collapse
    }
    
    在th td可设置
    跨越行 colspan
    跨越列 rowspan
    

    1.8轮廓属性

    和边框类型 但不占据位置
    
    opacity: 透明度
    
    visibility: 可视性
    

    1.9CSS样式继承

    如果子元素没设置宽,则继承父元素的宽
    
    如果父元素没设置高,则继承子元素的高
    

    2.0CSS可以继承的样式

    文本相关属性:color,text-align,text-transform,text-decoration,text-indent(内联标签不能设置)
    
    字体相关属性:font-size,font-family,font-weight,font-style
    
    列表相关属性:list-style
    
    表格相关属性:border-collapse
    
    其它属性:cursor ,visibility
    

    C今天没有掌握什么

    都掌握了
    

    相关文章

      网友评论

          本文标题:day03

          本文链接:https://www.haomeiwen.com/subject/uysixftx.html