• YY前端课程5-6


    第五次课内容:

    1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible

    2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的)

    3. 开放标签(有开始标记和结束标记)和自闭合标签

    4. style标签的type属性值,说明遇到type的时候,将以何种方式显示style标签,例:type="text/css"时,就以CSS样式解析style标签

    5. ID选择器作用于最顶层的块

    6. CSS的语法:选择器+{1个或多个声明} ,其中 声明=属性:属性值

    7. 属性值的定义语法:由 关键字特殊符号类型 构成

        除了多个单词的情况外,属性值不用带引号,eg:{font-family:"Times New Roman";},Times New Roman是一个字体名,所以要引起来

        关键字  eg: {color:blue;} blue为关键字

        特殊符号  eg:{font:12px/20px;},意为字体大小是12px,行高是20px;这里的"/"就是特殊符号

        类型  eg:{200px;} 200px就是类型,color、percentage、length的值是最常出现的三种类型

    8. 相对长度单位em表示的是倍数

    属性值的控制因素:

    a. 并列:值用空格隔开,必须全部出现,顺序不能改变

    b. 互斥:值用|隔开,有且只能有一个值出现

    c. 并且:值用&&隔开,必须全部出现,顺序可调整

    d. 或者:值用||隔开,至少有一个值必须出现,顺序可调整

    e. 分组符号:值用[ ]括起来,中括号之间用空格隔开,例:center和top和red就是[center|left] [top&&red]的一种属性值

    f. *表示属性值出现的次数:0次、1次或多次

    g. +表示属性值出现的次数:1次或多次

    h. ?表示属性值可有可无

    优先级:[] > 并列 > 并且&& > 或者|| > 互斥|

    第六次课内容:

    1. 以font开头的为文本样式;以text开头的为段落样式

    2. CSS参考手册http://css.doyoe.com/ 可以查询CSS的知识点

    3. 字体粗细font-weight:normal | bold | bolder | lighter | <integer>

        integer=整数、完整的事物、整体

        这里integer的取值范围=100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ,其中400=normal  700=bold

    4. 字体倾斜font-style: normal | italic | oblique | inherit

        oblique=斜的、倾斜物、倾斜=字体倾斜,把没有斜体属性的文字强制变为斜体

        italic=斜体的、斜体字=倾斜字体,把有斜体属性的文字变成斜体

    5. 字体变形font-variant: normal | small-caps | inherit

        字体变形是把英文字母变成小号的大写字母

    6. font是复合属性,可以有多个属性值,因此多个font属性可以简写为:

       font:[ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [/ <' line-height '> ]? <' font-family '> 

       注:? 表示可有可无/特殊符号[][] 之间是用空格隔开的,表示并列

    7. 行高 line-height 是字体最底端(底线)与字体内部顶端(顶线)之间的距离

       

    8. 文本装饰text-decoration: none 无 | underline 下划线 | line-through 删除线/贯穿线 | overline 顶划线(用的特别少)

    9. 行高 line-height 和 缩进 text-indent 最好都用相对值,如 百分比或者em,这样当父字体大小改变时,他们的值会自动做相应调整

  • 相关阅读:
    dubbo学习(一)认识
    MySQL学习(九)小结
    MySQL学习(八)删除表数据
    MySQL学习(六)change-buffer
    RPC 学习(一)认识
    MySQL学习(五)事务隔离
    MySQL学习(四)死锁及死锁检测
    计算机操作系统 --- 进程和进程的上下文切换
    MySQL 学习(三)事务学习
    消息队列(七)--- RocketMQ延时发送和消息重试(半原创)
  • 原文地址:https://www.cnblogs.com/giselle527/p/5782568.html
Copyright © 2020-2023  润新知