一、css

1.css是层叠样式表，用来定义页面元素的样式 2.css有三种引入方式：内联，外联，嵌入内联是：直接在标签内部通过 style属性引入外联是：通过标签的 href属性引入外部css文件的路径内嵌是：直接在标签里写入 3.三种方式的优缺点：内联的优点是：高效便捷缺点是：样式不可复用，不利于结构与样式分离

<div style="width="650px"></div>

外联的优点是：可维护性好，可重复使用

<link rel="stylesheet" href="路径"/>

内嵌的优点是：适合做单页面网页开发缺点是：代码复用麻烦

<style>
       div{
             width:100px;
             height:200px;
       }
</style>

4.css是如何工作的

首先，浏览器先加载html文件，然后将html文件解析成一个DOM树，浏览器再拉取css样式，然后开始解析，给对应的DOM节点添加样式(渲染DOM树)，将页面及效果显示出来

二、选择器 1.五个选择器：id、类、属性、标签、通配符 2.id选择器：通过元素的 id值来找出页面对应的元素

  <style>
    #app{
       padding:0;
       margin:0;
}
</style>

3.类选择器：通过元素的 class值来找出页面对应的元素

<style>
    .app{
       padding:0;
       margin:0;
}
</style>

4.属性选择器：

<style>
    input[type="password"]{
       padding:0;
       margin:0;
}
    //以#开头
    a[href^="#"]{
}
    //以.jpg结尾
    a[href$=".jpg"]
</style>

5.标签选择器：

<style>
    *{
       padding:0;
       margin:0;
}
</style>

6.通配符选择器：

<style>
    *{
       padding:0;
       margin:0;
}
</style>

状态伪类：元素在特定的状态下被选中 :link 超链接点击之前 :visited 连接访问过后 :hover 悬停 :active 点击时 :focus 获得焦点时

注意：当超链接a使用状态伪类时他的顺序必须是：link visited hover active

CSS

一、css