自己总结的html css知识点

标签 ????块状还是内联 答：是块状
a标签？？文本居中 答：align:center a标签可以有id
ul li p 标签可以有id吗 答：应该不可以 ul可以有，我试过
Li标签可以有class
常用的块状元素有：

、

、

…

、

、
、

、、、

、
常用的内联元素有：
、、
、、、、、、、、
常用的内联块状元素有：
、是内联元素，但是有块状元素的特点

6 内联与块状元素：
块状元素中可以包含内联元素，但是内联元素中不可有块状元素，内联元素可以包含内联元素，有些块状元素中也不能包含块状元素，如p标签中不能包含块状
p标签中可以有span标签，span标签中可以有a标签
那哪些块元素里面不能放哪些块元素呢？为什么说第二级的元素可以自由嵌套呢？ http://blog.csdn.net/w6611415/article/details/7560200

7 背景图在css中添加，不会占空间，但是在html中写会战

main ul li{

display: inline;/*就是将本来是块级的元素显示为内嵌的元素，比如div是一个块级元素，设置了display:inline之后，就会跟其他元素在同级显示了*/

}

img是inline元素，但是他同时也是replace元素，他有着特殊的表现：
1. 可以设置width/height;
2. 默认的，img元素在屏幕占据的空间与其图片的实际像素一致，除非CSS有设置或者自身的width/height HTML 属性有设置
3. 如果img标签的包裹元素为也为inline元素，则img的边界可以超出其直接父元素的边界，直到自己的宽、高达到最大或者设定值为止，而且文档流中img的兄弟元素也不能遮盖住img。最常见的就是里面包含的
4. 所以从行为上看,img元素作为替换元素，有着类似于Inline-block的行为，尽管在SPEC里面，他的确是一个inline元素

写法：dl dt#answer

清除浮动：
http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html
div1 div2,div2要浮动在1的右边，需要div和div2都float:left;
http://www.cnblogs.com/ForEvErNoME/p/3383539.html
垂直居中：
http://www.haorooms.com/post/css_div_juzhong 其他方法：
例如：将两个p标签垂直水平居中。只需要在p的父元素的css上设display:flex;和align-items:center;另外justify-content和flex-direction用于调整这两个子元素水平居中的排列顺序.
如果是一个p标签，只需要将line-height=height。
绝对定位也可以。
margin:0 auto 与 text-align:center 的区别:
http://www.cnblogs.com/zhwl/p/3529473.html
除去input标签button按钮的而白色边框：border:none;

id和class常用命名规则：http://www.jb51.net/css/22091.html
CSS颜色代码：http://blog.163.com/wujinhongisme@126/blog/
static/3613698020095115919389/
50. 鼠标悬浮，然后标签旋转360度的css方法：
#main .main-right .m_nav li:hover{
-webkit-transition:all 1s ease-in-out;
-webkit-transform:rotate(360deg) scale(1,1);
}
20 position:absoulute是相对父元素，position:relative;是相对元素自身，position:fixed;是相对视频窗口
21 块状元素不在同一行，除非让前一个元素浮动，这样后一个元素才能与前一个元素并列
22 CSS实现限制字数功能当对象内文本溢出时显示省略标记
http://www.jb51.net/css/207313.html

23 css实现旋转 #main .main-right .m_nav li:hover{
-webkit-transition:all 1s ease-in-out;
-webkit-transform:rotate(360deg) scale(1,1);
}
23 display:inline、block、inline-block的区别:
http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html
inline就是将元素显示为行内元素，不可设置宽高顶底边距，和其它元素都在一行上
block就是将元素显示为块状元素，可以设置宽高顶底边距，总是在新行上开始
inline-block将对象呈递为内联对象，但是对象的内容作为快对象呈递，旁边的内联对象会被呈递在同一行。

布局时，先全全局再局部，往每块区域布局时要想好用什么标签，所用标签是内联元素还是块状元素，
form #up_btn input{
position: absolute;
top: 0;
right: 0;
margin: 0;
border: solid transparent;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;

}
24 元素hidden与opacity=0的区别
之前调试页面时偶然发现，hidden与opacity看似都不可见，但实有区别：
visibility：hidden则相当于完全从文档流中删除了该元素，但所占据的尺寸仍然保留。
opacity：0则仅仅不可见，仍然占地方，但仍可被浏览器发现，也就能触发各种事件。通过浏览器调试工具即可得出此结论
要让两个元素覆盖在一起：透明度为零opacity: 0;filter: alpha(opacity=0);的z-index小，而且两个元素的position:relative;