实习3

• CSS
  • CSS的发展历程
    从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
    ​ 随着html的成长，为了满足前端工程的需求，html增加了很多显示功能，html变得混乱，html页面显得用臃肿，于是css诞生了
  • CSS初识
    CSS(Cascading Style Sheets)
    CSS通常称为CSS样式表或**层叠？**样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
    CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
• CSS字体样式属性
  • font-size:字号大小
  • font-family:字体
  • font-weight:字体粗细
  • font-weight:字体粗细
  • font-size:字号大小
  • font-size:字号大小
  • font:综合设置字体样式 (重点)
    选择器{font: font-style font-weight font-size/line-height font-family;}
• 开发者工具（chrome）
  此工具是我们的必备工具，以后代码出了问题，我们首先第一反应就是：
  “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。
  菜单： 右击网页空白出—查看
  小技巧
  1.ctrl加滚轮键可以放大代码
  2.可以同时查看html，css代码
  3.css样式可以实时更改
• 选择器（重点）
  • 标签选择器(标签名 {属性名1:属性值1；属性名2:属性值2；})
  • 类选择器(.类名{属性名1:属性值1；属性名2:属性值2；})
  • id选择器(#id名{属性名1:属性值1；属性名2:属性值2；})
  • 通配符选择器(*{属性名1:属性值1；属性名2:属性值2})
• id选择器和类选择器区别
  id相当身份证号(不得重复，只是用一次)，类选择器相当名字（多次重复使用）
  最大的不同就是使用次数
• 伪类选择器
  伪类选择器添加一些特殊效果，比如选择第一元素，第n个元素
  类选择器用 . 伪类用 :

• 链接伪类选择器

  link 未访问的连接
  ​ :visited 、以访问的连接
  ​ :hover 鼠标悬停
  ​ :active 选定的连接
  注意写的时候，顺序不要颠倒，lvha, love hate

• CSS外观属性
  • color:文本颜色
  • line-height:行间距
  • text-align:水平对齐方式
  • text-indent:首行缩进
  • letter-spacing:字间距
  • word-spacing:单词间距