HTML/CSS一些需要注意的基础知识_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:54:28
原创
1077人浏览过

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

″ IE8/IE9/IE10都生效,是IE8/9/10的hack

知我AI
知我AI

一款多端AI知识助理,通过一键生成播客/视频/文档/网页文章摘要、思维导图,提高个人知识获取效率;自动存储知识,通过与知识库聊天,提高知识利用效率。

知我AI 26
查看详情 知我AI

“\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速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号