编程比较舒适的等宽字体: DejaVu Sans Mono
字体的分类:
serif (衬线字体){在笔画上面有些特殊的修饰效果}
sans-serif (非衬线字体){横平竖直. 横就是横, 点就是点}
- monospace ( 等宽字体)
- cursive ( 草书字体)
- fantasy (虚幻字体)
以上这些分类都是一些大的分类, 并没有涉及具体的类型, 如果将字体指定为这些格式, 浏览器会自己选择指定类型的字体. 一般情况在指定字体的时候. 把分类名称放到最后面当备用字体
html 标签
HTML 标签的语义:
- <div>
- ,
- <span>
- 没有任何默认样式和语义
- <b>
- (加粗),
- <i>
- (斜体) 有默认样式 没有任何语义
- <small>
- 有默认样式 h5 中语义: 用来表示一些细则, 比如合同中的小字, 版权声明等
- <big>
- 有默认样式 无语义 已淘汰
- <cite>
- 有默认样式 可以指明某内容的引用或参考, 例如文章, 图书, 电影, 标题, 书名 例:
- <p>
- <cite>
- 《七龙珠》
- </cite>
- 讲的是....
- <p>
- <q>
- (行内引用) 表示一个短的引用 例如
- <p>
- 孔子曰:
- <q>
- 学而时习之
- </q>
- </p>
- 有默认样式, 浏览器会自动加一个引号
- <blockquote>
- (块状引用) 表示一个长的引用 例如
- <p>
- 孔子曰:
- <blockquote>
- 学而时习之
- </blockquote>
- </p>
- 有默认样式, 浏览器会自动加一个引号
设置上标 比如 22 则浏览器会显示 2 的 2 次方 或者可以加个 a 标签作为小备注
设置下标
- <del>
- 删除线
- <ins>
- 表示插入的内容 浏览器会自动加上下划线
- <pre>
- 预格式标签 常用语代码的显示
- <code>
- 仅仅语义表示这里面是一段代码, 但是格式并不会保留. 所以通常与 pre 标签配合使用
ul,li 无序列表
ol,li 有序列表
dl,dd,dt 定义列表
注意:
一般情况下只会使用块元素包裹行内元素, 而不会用行内元素包裹块元素
a 标签可以包裹任意元素, 除了它本身 (无论是块元素还是行内元素)
p 元素不能包含其他的任何块元素
元素与元素之间的关系:
元素与元素之间的关系:
父元素: 直接包含子元素的元素
子元素: 直接被父元素包含的元素
祖先元素: 直接或间接包含后台元素的元素 (父元素也属于祖元素)
后台元素: 直接或间接被祖元素包含的元素 (子元素也是后台元素)
兄弟元素: 拥有相同父元素的元素叫做兄弟元素
什么是伪类:
伪类专门用来表示元素的一种特殊的状态
比如 访问过的超链接, 焦点文本框
什么是伪元素
伪元素用来表示元素中的一些特殊的位置
年初整理了一批 web 前端教程, 帮助想要成为 Web 前端程序员的人. 从零基础到各种框架的教程都有. 只需要加入到 Web 前端学习 qun:296,212,562. 即可免费领取, 学习过程中有任何问题可以在里面问. 种一颗树最好的时间是十年前, 其次是现在. 只要想学习, 不存在早晚.
HTML 中 em 单位是什么意思
和百分比类似, 它是相对于当前元素的字体大小来计算的. 1em=1 个 font-size
来源: http://www.jianshu.com/p/a54eec2c8996