博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML/CSS一些需要注意的基础知识
阅读量:7113 次
发布时间:2019-06-28

本文共 971 字,大约阅读时间需要 3 分钟。

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-

 

转载于:https://www.cnblogs.com/shaoyizhi-web/p/4087434.html

你可能感兴趣的文章
DBA五大致命失误:你共享密码没?
查看>>
Win 10 NEON新界面命名Fluent Design System
查看>>
如何在Linux中删除超大的(100-200GB)文件
查看>>
《 产品设计思维:电商产品设计全攻略》一一第3章 电商梦的开始:首页设计...
查看>>
《C++语言入门经典》一2.7 语句
查看>>
欧盟将制定新物联网安全规定
查看>>
Win10 RS3高DPI截图对比:200%依旧清晰
查看>>
《MongoDB管理与开发精要》——2.4节停止数据库
查看>>
建立市民满意的智慧城市评估模型
查看>>
教授谈投资型FO 的CIO究竟需要哪些能力?
查看>>
如何优化数据表格设计
查看>>
CCAI | 今日头条实验室李磊:我们离会思考的机器人还有多远?
查看>>
Opera:被中国财团收购后不会堕落
查看>>
兵家必争大数据,争来争去是大数据时代的话语权
查看>>
中国医疗大数据“痛点” :孤岛怎么破
查看>>
亚信安全联合国家计算机病毒应急处理中心 发起病毒疫情调查
查看>>
当Gartner说OpenStack内外交困时,我的内心是不要不要的
查看>>
快易省智:数据中心UPS四大演进方向
查看>>
框架设计之菜鸟漫漫江湖路系列 二:自学求索
查看>>
非洲一国遭攻击断网 或是黑客组织在练手
查看>>