css选择器

标签（空格分隔）： 三种

---

• id选择器

  • 匹配到唯一的id

• class选择器

  • 可以复用

• 标签选择器

  • div p ul li

• 组合选择器

• E,F既匹配元素E又匹配元素F

• E F匹配元素E后面的包含元素F的样式

• E>F匹配E元素的直接子元素

• 伪类选择器

  • a:active鼠标点击不释放
  • a:link
  • a:hover 鼠标移入时的效果
  • a:visited

• box-sizing: border-box;盒模型,盒子里的padding值不会影响到盒子宽度和高度

• 在查看兼容性的时候,百度搜索can i use

样式三种方式引入

• 外链式 <link rel="stylesheet" type="text/css" href="css/style.css">
• 内联样式<style type="text/css"></style>
• 内部样式style="width: 120px; height: 120px;"

markdown链接写法
百度

块级标签:

 div p ul li h1-h6 dl dt dd

行内标签:

a span img input em strong 

嵌套规则:
块级标签可以嵌套行内标签,但是行内标签不能嵌套块级标签
p里面可以嵌套a span

display:inline-block; 行内转化为块级元素
display:inline; 把块级转化为行内

如果想让一块显示,另一块隐藏.
display:block; //显示
display:none; //隐藏