CSS 基础
css 引用
<link>
HTML 标签
⻚面被加载时,link 会被同时加载
权重较高 兼容性好
js 动态插入
@import
CSS 提供
引用的 css 会等到⻚面被加载完再加载
权重较低 有兼容性问题
layout 布局历程block inline
块 内联
inline-block
内联块
float
浮动
relative absolute fixed sticky
定位粘性定位 relative + fixed
flex
弹性盒模型
float 浮动一开始,浮动的目的只是达成图文环绕效果
1<img src="dog.jpg" align="left" />
在 img 的标签上面,可以添加 align,用于控制图片浮动的方向,向左 or 向右
后来,这样的特性被添加到 css 中,可以对任何元素使用
1<img src="dog.jpg" style="float: left;" />
效果和上面添加 align=”left ...
HTML 基础
DOCTYPE 是 html5 标准文档声明
标签特性
block块标签
独自占有一行支持所有的样式设置不设置宽度,默认撑满父级
inline内联标签
img标签可替换元素一行可以显示多个不支持宽高的设置,宽高由内容撑开上下margin、上下padding、上下border会受到影响代码换行会解析出空格
父元素 font-size: 0; 子元素再单独设置字体大小
<span>Line 1</span><!– –><span>Line 2</span>
inline-block内联块标签
一行可以显示多个支持宽高的设置代码换行会解析出空格需要设置对齐方式vertical-align: top;
标签嵌套规则
ul 下只能用 li
ol 下只能用 li
dl 下只能用 dt、dd
figcaption 只能写在 figure 内
a 标签里面不能套 a 标签
p、h1~h6、dt 标签中 不用块标签
内嵌标签中 不用块标签
标签分类结构类标签12345678910111213141 ...
Markdown 初体验
Markdown