全局CSS样式(核心内容,掌握)
1)标题
h1-h6
small
2)页面主体
body(字号为14px,行间距1.5行)
p(字号为14px,行间距1.5行,margin为10px)
3)内联文本元素及类(样式)
元素:
mark:标记
del:删除
s:不可用(删除)
ins:插入(下划线)
u:下划线
small:小型字号
strong:加粗(强调)
em:顷斜
abbr:缩略语
address:地址
blockquote:引用
ul:无序列表
ol:有序列表
dl:自定义列表
类名(样式)
.text-left:左对齐
.text-center:居中
.text-right:右对齐
.text-justify:两端对齐(分散对齐)
.text-nowrap:不换行
.text-lowercase:小写
.text-uppercase:大写
.text-capitalize:首字母大写
4)代码
code:代码
kbd:键盘输入
pre:代码块
var:变量
samp:程序输出
5)表格
.table:基本表格
.table-striped:条纹状表格
.table-bordered:带边框的表格
.table-hover:带鼠标悬停的表格
.table-condensed:紧缩表格
.table-responsive:响应式表格
表格状态(颜色配置):
.active:鼠标悬停在行或单元格上时所设置的颜色
.success:标识成功或积极的动作
.info:标识普通的提示信息或动作
.warning:标识警告或需要用户注意
.danger:标识危险或潜在的带来负面影响的动作
6)表单
.form-group:组件编组
.form-control:响应式组件
.form-inline:内联表单
.form-horizontal:水平排列的表单
表单中支持的输入类组件:
text、password、datetime、datetime-local、date、month、time、
week、number、email、url、search、tel、color
其它组件:
textarea
radio
checkbox
select
7)图片
.img-responsive:响应式图片
.img-rounded:圆角
.img-circle:圆
.img-thumbnail:缩略图
8)辅助类
关闭按钮
三角符号
浮动
清除浮动