css网页布局注意事项

经常使用p+css布局的朋友,需要注意以下几点

一、少用偏门。

  类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 

  二、center不是float的值。

  很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。 

  三、对齐不能包括两个值。

  很多新手会在float或者text-align中填写两个值,比如:float:left top。这是不允许的,浏览器也无法识别。 

  四、滚动条颜色最好不要自定义。

立即学习“前端免费学习笔记(深入)”;

  很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。 

  五、单独滚动条设置。

  现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果,大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动条),直到CSS3才支持这种定义方式。尽量少用。 

  六、background和color颜色相同会受到警告。

以上就是css网页布局注意事项的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3122192.html

(0)
上一篇 2025年3月29日 18:09:05
下一篇 2025年3月29日 18:09:17

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS3实现hover离开时平滑过渡的实例详解

    本篇文章主要介绍了css3实现伪类hover离开时平滑过渡效果示例,具有一定的参考价值,有兴趣的可以了解一下 由于hover伪类添加的动画效果,仅当鼠标放在元素上时会被触发,而当鼠标离开时,效果会中断,会显得很生硬。 大多数人的想法都是使用…

    编程技术 2025年3月29日
    000
  • 比较css中import与link的区别

    看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将css写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下 …

    编程技术 2025年3月29日
    100
  • 使用CSS为图片设置背景图操作

    为图片设置背景图片,是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以img标签引入页面的图片设置背景图片。 CSS的功能是非常强大的,对于元素的表现以及页面的布局,都提供了非常强大的功能,这主要在于我们灵活的运行,在这方面提供了丰富且…

    编程技术 2025年3月29日
    100
  • 解决CSS在浏览器不兼容的问题

    浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现。 在下不才,归纳几点html编码要素,望能指点各位:1.文字本身的大小不兼容。同样是font-size:14px的宋…

    编程技术 2025年3月29日
    100
  • css中属性值继承介绍

    这篇文章主要介绍了css中属性值继承,介绍了属性的可以继承和不可继承,同时分析了继承的局限性以及是否可以取消等等,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。 继承:html元素可以从父元素那里继承一部分css属性,…

    编程技术 2025年3月29日
    100
  • CSS在网页设计中的使用方法及其特点

      给初学者介绍一下css特点及如何在网页中使用已经设置的css。   W3C(The World Wide Web Consortium)把动态HTML(Dynamic HTML)分为三个部分来实现:脚本语言(包括JavaScript、V…

    编程技术 2025年3月29日
    100
  • css技巧之链接的标注

          css越来越广泛的被运用,层叠样式表拥有很多表格布局所没有的优势,首先从布局或者页面的设计与出现在页面中的信息中作严格的分离,从而让页面的设计能够很容易被改变,仅用一个css文件更换另一个。随之很多的技巧被应用者所重用,减少一定…

    编程技术 2025年3月29日
    100
  • css实现进行中打点效果代码分享

    这篇文章主要介绍了css进行中打点效果,附上代码让大家更简单易懂得看明白样式设置,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。 代码如下: nbsp;html>进行中…dot { display:inlin…

    编程技术 2025年3月29日
    100
  • CSS3中media媒体查询器使用详解

    最近几年随着响应式布局的发展,一次开发多次使用,自适应屏幕的响应式网站的需求越来越多。但是怎样使得网站能自适应屏幕呢?这里就需要提到一个css3里面新增的技术了-media媒体查询器。 那么什么是media媒体查询器呢? Media媒体查询…

    编程技术 2025年3月29日
    100
  • 关于CSS布局技巧的总结分享

    单列布局 水平居中 父元素text-align:center;子元素:inline-block; 优点:兼容性好; 不足:需要同时设置子元素和父元素 nbsp;html>水平居中1 .parent { width: 500px; he…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论