百度前端技术学院-基础-day3

2020.9.15

第三天的课程内容,复习了一些CSS的基础属性(果然不用就会忘)。

学习了一些新的属性,比如text-shadow、text-indent(还不是很清楚)、font-style等等。

 

增加了基础CSS样式的简历

 

回答问题:

  • 什么是CSS,CSS是如何工作的
    • CSS是给HTML的内容添加样式的,通过选择器选择要改变样式的元素,通过 属性名称:值
    • 表达要改变成的样式。
  • CSS的基本语法是怎样的
    • selector{
属性:值 }
  • CSS选择器是什么概念,简单选择器和属性选择器是什么
    • 简单选择器有四种:
      • 元素选择 (元素名)
      • class选择 (.)
      • ID选择 (#)
      • 通用选择 (*) 选择一个页面中所有元素,不推荐
    • 属性选择器大体分为两种
      • 根据存在的值 属性选择器
        • [attr]:选择器选择包含attr属性的所有元素
        • [attr=val]:只选择属性attr=val 的所有元素
        • [attr~=val]:选择attr属性值中包含val的所有元素
      • 子串值 属性选择器(伪证选择器)
        • [attr|=val]:选择attr属性值是val或属性值是以val-开头的元素
        • [attr^=val]:选择attr属性值是以val开头的所有元素(包括val本身)
        • [attr$=val]:选择attr属性值是以val结尾的所有元素(包括val本身)
        • [attr*=val]:选择attr属性值中包含字符串val的所有元素
  • 文本样式都有哪些相关属性,对应哪些值
    • text-decoration
    • font-size
    • font-weight
    • font-family
    • font-style
    • text-align
    • color
    • background-color
    • text-shadow
    • line-height
    • ……

上一篇:一个小练习day3


下一篇:集训笔记Day3--数据结构