首页 > 代码库 > HTML/CSS一些需要注意的基础知识

HTML/CSS一些需要注意的基础知识

2024-08-01 08:26:48   230人阅读

border:0;边框存在但不现实 并且占内存

border:none;边框未渲染

 

HTML的书写规范：

　　1、标签换行。 2、标签缩进。 3、标签要关闭。 4、标签名属性不能为空。 5、首先要！doctype声明。 6、编码格式为UTF-8。 7、标签要半角英文小写。 8、合理注释。9、类名，id名要有语意的注释。10、 合理嵌套。

 

相对定位：相对定位，要有一个参照物，但这个参照是它自身，也就是说没设相对定位的位置，但只有设置了才能使 TOP,LEFT这些生效，也就是设了才能相对自己原来的位置偏移，原来的位置保留着，偏移后会把其它的层遮罩住。

绝对定位：在布局里不可能有绝对定位的，再怎么样都有一个参照位置的，绝对定位的参照位置就看它的上级或上上级有没有定位，也就是有没有position:relative;当要绝对定位的层设好要参照位置的层后，就可以用TOP，LEFT这些来定位置了，如果它的上级或上上级都没定位的话只就会根据BODY的位置来定位了,还有最后一点，绝对定位会导致元素脱离文档流。

padding和margin的使用情况：padding:父元素与子元素；margin：同级子元素。padding会对边框造成影响。
 
块元素和行元素的区别：1、块元素独自占一行，行元素不会独自占一行。2、块元素可以设置宽高，行元素不行。3、块元素可以设置margin和padding值，行元素只能设置水平方向的padding和margin值。
 
浏览器常见的hack ：

“-″减号是IE6专有的hack

“\9″ IE6/IE7/IE8/IE9/IE10都生效

“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack

“\9\0″ 只对IE9/IE10生效，是IE9/10的hack

 

常用浏览器的内核及内核前缀：

浏览器     浏览器内核               浏览器前缀

chrome   Webkit                   -webkit(Blink最新)

Opera     Presto(webkit最新)  -o-(webkit最新)

safari      Webkit                  -webkit-

Firefox    gecko(壁虎)            -moz-

IE          Trifent                   -ms-

 

HTML/CSS一些需要注意的基础知识


联系
我们