HTMl小知识

body{font-size:16px;font-family:微软雅黑;color:#666;}标准样式
html:块级元素div,dl dt dd(定义列表),hr(水平分隔线),p,ol,ul(非排序列表),
table（input,label）,br(换行),b(加粗),i(斜体)img(图片标签),
span(常用内联容器，定义文本内区块)
select(option)选择元素，strong(粗体加强，利于seo优化),
sub(上标)C+O₂=CO₂
sup(下标)2³+8²=72
文本域 下划线 删除线
块级元素默认占据一行
background-attachment: fixed;
设置或检索背景图像是随对象内容滚动还是固定的（fixed 固定）
1.将行内元素（span/strong/a/img/br/input/）只能容纳文本或其他行内元素
元素升级为块级元素(此元素前后会带有换行符)
行内元素设置width无效，height无效
display:block;

css:流体布局（从上至下一次布局），普通布局，浮动流
overflow:hidden(将元素进行隐藏) /scroll(内容被修剪，但浏览器会显示滚动条以便查看)
auto(如果内容被修剪，则浏览器会显示滚动条以便查看);

css布局：两列布局margin(上 右 下 左 auto水平方向自适应居中显示)
三列布局:左右两列固定，中间根据浏览器自适应,三列固定宽带居中
定位布局 position

让图片具有透明:opacity 兼容所有浏览器的透明度，
opacity:0.9 取值范围(0-1);opacity=90取值范围(1-100)
opacity:0.9;filter:alpha(opacity=90); 两个值必须一一对应（0.9-90）

css3阴影效果 box-shadow:10px 5px 15px #888888;

2.使用display:block; /将行内元素升级a/strong/span 为块级元素/(none 此元素不显示，inline 默认，此元素会被显示为内联元素，元素前后没有换行符)
去掉ul标签的的格式 点（ list-style:none;） 导航（ul,li）
3.标签:hover用于浮动填充颜色
4.cursor:pointer;手型(cursor光标)
5.img四要素src(路径) alt（图片描述） width height
6. border-radius:22px;/圆形边框/
7. text-decoration:none;/去掉下a标签下划线/
8.css浮动:float属性定义元素在那个方向浮动，在css中，任何元素都可以浮动

9.相对定位relative：对一个元素进行相对定位，它将出现在它所在的位置上，通过设置垂直（top）或水平（left）位子，让这个元素“相对于”它的起点进行移动
绝对位置absulute:元素的位子相对于最近已经定位祖先元素，如果没有已定位的祖先元素，它的位子相对于最初的包含块
10颜色#fff白色 #666灰色 #000黑色

11.readonly 标签

转载于:https://www.cnblogs.com/hangdada/p/4983013.html