百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

第三天的笔记

作者唐乐乐课程第三天:让简历有点色彩387次浏览02019-05-23 20:08
CSS是如何工作的
  • 什么是CSS?
    css是一种用来指定文档样式的语言, 用户可以用css来设计自己想呈现的样式和布局。
  • CSS的工作原理:
    1. 浏览器加载html。
    2. 浏览器解析html。
    3. 加载css样式。
    4. 解析css。
    5. 将html和css转化成DOM,将文档内容和样式结合在一起。
    6. 浏览器展示DOM内容。
CSS的选择器

css的选择器可以分类为:简单选择器(Simple selectors)、属性选择器(Attribute selectors)、伪类(Pseudo-classes)、伪元素(Pseudo-elements)、组合器(Combinators)、多重选择器(Multiple selectors)。
今天重点学习简单选择器和属性选择器:

  • 简单选择器:
    1. 元素选择器(类型选择器)
    2. 类选择器(元素class属性的值)
    3. ID选择器(元素的ID属性值)
    4. 通用选择器(*)允许选择一个页面中所有元素
CSS的文本样式
  • color:用来设置文本颜色
  • font-family:用来设置不同的字体
  • font-style:用来打开和关闭文本 italic (斜体)
  • font-weight:设置文字的粗体大小
  • font-size:设置字体大小
  • text-align:属性用来控制文本如何和它所在的内容盒子对齐
  • text-decoration:设置/取消字体上的文本装饰 ,underline(文本下划线),overline(文本上划线),line-through(穿过文本的线),none(取消已经存在的任何文本装饰)。
  • text-indent:指定文本内容的第一行前面应该留出多少的水平空间
  • line-height:属性设置文本每行之间的高
  • text-shadow:设置文本阴影
0条评论