日志

日志

一、知识总结

1、新增标签

  • : 为父元素,用于图片的外层,其子元素

  • :用来对内容进行说明。

  • :页面上得一个标题组合(一个标题和一个子标题)

  • :标签,用于描述文档或文档某个部分的细节。与
    标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题
    时,会显示出 details 。

  • :标签,定义带有记号的文本。在需要突出显示文本时使用 该 标
    签,默认加黄色背景

  • :属性: 的属性,定义序号是否倒叙 start 属性:
    的属性,定义序号的起始值

  • :滚动文字

    2、语法

    • selector {declaration1; declaration2; ... declarationN }

    3、用法

    (1)内联样式

    (2)内部样式

    (3)外部样式表

    (4)@import

    4、标签选择器

    ​ 标记选择器 也称作 标签选择器 ,英文中写作 tag selector ,其基本用法为:

    tagName {
    propertyName : propertyValue ;
    ...
    }
    

    class 选择器 也称作 class 选择符,英文中称作 class selector ,其基本用法为

    .className {
    
    }
    

    5、属性选择器( attribute selector )

    • [attributeName] :用于选取带有指定属性的元素
    • [attributeName=value]:用于选取带有指定属性和值的元素
    • [attributeName~=value] :用于选取属性值中包含指定词汇的元素

    6、ID选择器:在HTML页面上每个元素都应该有一个唯一的编号,浏览器可以通过这个编号来管理该元素。

    id selector:id 选择器 也称作 id 选择符,英文中称作 id selector

    7、伪类:网页元素的各种状态

    8、后代选择器又称为包含选择器:空格即代表是后代

    9、通用(配)选择器

    *{
    margin: 0;
    padding: 0;
    }
    

    10、组合选择器

    li,p,#div1,.mydiv{
    font-size: 16px;
    color: red;
    

    11、常用的CSS属性

    (1)宽度

    在CSS代码中通过 width 属性可以控制元素的宽度,其用法为:width : value ;

    (2) 高度

    在CSS代码中通过 height 属性可以控制元素的高度,其用法为:height : value

    (3)边框

    • border-width 四周边框粗细
    • border-style 四周边框风格
    • border-color 四周边框颜色
    • border 四周边框
    • border-top-width 顶部边框粗细
    • border-top-style 顶部边框风格
    • border-top-color 顶部边框颜色
    • border-top- 顶部边框
    • border-radius 圆角边框

    (4)外边距

    • margin 属性设置的外边距

    二、心得体会

    1、对于边框的运用和理解较为熟悉

    2、听课感受良好,对课程的大部分内容能够理解