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; //隐藏
