目录
目录
css定义的三种方式:
1.内联样式:写在对应标签里
2.内部样式表:写在<head></head>里 标签<style type=""></style>
3.外部样式表:独立css文件 调用方式<link rel="stylesheet" type="" href=".css"/>
css三种定义方式优先级:
内联>内部>外部
css注释方式:
/* (内容)*/
html表格
<table border="1"></table>
- border边框像素为单位,
- cellspacing :td与table有边距
- cellspacing:td 里边距
(标签属性里不跟px???)
- border-collapse:collapse 单线边框 无边距
- align:left center right 内容对齐方式
- text-align:文字对齐方式
注:align是div属性;text-align是css属性
<caption>表格标题标签 特殊属性 居中</caption>
- colspan:合并列
- rowspan:合并行
- th:列标题标签,默认粗体
- thead\tbody\tfoot:三个标签必须同时存在(?),thead tfoot 先于tbody加载
- padding:上下内边距 左右内边距
- background-color:背景颜色
- color:字体颜色
- tr:nth-child(even){}:even为偶数行;odd为奇数行
(冒号都为伪类)
-:hover:鼠标对焦动作
块
div 盒子
大多数 HTML 元素被定义为块级元素或内联元素。
区分:新行
html/body:默认有边距 margin padding 设置为0
可以用浮动来避免新行
列表
ul 块级元素
有边距
list-style:none去掉原点
overflow:hidden溢出部分隐藏
box-sizing:border-box
box-shadow: 0 0 px 颜色
birder: 大小 solid.实 颜色
a标签 text-decration none
border-radius:圆角
文本格式化标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
安全色
http://www.bootcss.com/p/websafecolors/
图标库
http://fontawesome.dashgame.com
使用压缩版 min.css
注:类名前加 fa 2.图标与文字之间要加空格
属性 font-size / color