第三课《让简历有点色彩》

一、学习了css 的概念、工作方式、语法

  1. CSS (Cascading Style Sheets) :是一种用于向用户指定文档如何呈现的语言 — 它们如何被指定样式、布局等
  2. 工作方式:
    1. 浏览器将 HTML 和 CSS 转化成 DOM (文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起
    2. 浏览器显示 DOM 的内容
  3. 语法:
    1. 声明:属性名:属性值;
    2. 声明用“{ }”包裹形成声明块
    3. 选择器加上声明块形成完整的css规则集

二、学习了css 选择器中的简单选择器和属性选择器的使用方法

  1. 选择器:用于定位想要样式化的网页html元素
  2. 简单选择器:根据元素类型( id 或 class )直接匹配文档中的一个或多个元素
    1. 元素选择器:以元素名进行匹配
    2. 类选择器:以“.” 加类名的方式匹配
    3. id 选择器:以“#” 加 id 的方式匹配
    4. 通用选择器:以“*” 匹配文档中的所有元素
  3. 属性选择器:根据元素的属性和属性值匹配元素,通用语法为“[ ]”
    1. 存在和值选择器:
      [attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何
      [attr=val]:该选择器仅选择 attr 属性被赋值为 val 的所有元素
      [attr~=val]:该选择器仅选择具有 attr 属性的元素,而且要求 val 值是 attr 值包含的被空格分隔的取值列表里中的一个
    2. 子串值选择器:
      **[attr|=val] : **选择 attr 属性的值是 val 或值以 val- 开头的元素(注意,这里的 “-” 是用来处理语言编码的)
      **[attr^=val] : **选择 attr 属性的值以 val 开头(包括 val )的元素
      **[attr$=val] : **选择 attr 属性的值以 val 结尾(包括 val )的元素
      **[attr*=val] : **选择 attr 属性的值中包含子字符串 val 的元素(一个子字符串就是一个字符串的一部分而已,例如,”cat“ 是 字符串 ”caterpillar“ 的子字符串)

三、学习了一些字体属性:

font-family、font-size、font-style、font-weight、font

四、学习了一些文本属性:

color、direction、text-indent、text-align、line-height、letter-spacing、word-spacing、text-transform、text-decoration、white-space、text-shadow

课程网址

posted @ 2019-01-06 23:51  李想12  阅读(160)  评论(0编辑  收藏  举报