一、少用偏门。
类似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布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整经验、...
《精通CSS:高级Web标准解决方案》是一本深入探讨CSS(层叠样式表)技术的专业书籍,旨在帮助读者提升在Web设计中的CSS应用能力。这本书详细介绍了如何利用CSS实现高质量、可维护、跨浏览器的网页布局,是Web开发者...
在"div+css布局大全"的PDF文件中,读者可以期待全面覆盖这些知识点,从基础概念到高级技巧,帮助开发者构建高效、美观的Web页面布局。通过学习和实践,开发者能够更好地掌握Web前端的核心技能,提升项目的表现力和...
智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整经验、...
通过阅读《CSS网站布局实录——基于Web标准的网站设计指南(第2版)》,读者不仅可以掌握CSS布局的理论知识,还能提升实际操作技能,从而构建出符合Web标准、用户体验良好的现代网站。该书对于任何想要提升自己在CSS...
总之,《精通CSS:高级Web标准解决方案》是一本全面、深入的CSS教程,无论你是初学者还是经验丰富的开发者,都能从中获益。通过阅读本书,你将不仅掌握CSS的高级技巧,还能了解到最新的Web标准和发展趋势,从而提升...
首先,书中的“高级Web标准”涵盖了最新的CSS规范,包括CSS3的新特性,如选择器、边框和背景、盒模型、布局模式(如Flexbox和Grid)、动画与过渡,以及响应式设计的基础。这些特性使得开发者能够创建更为复杂和动态...
《精通CSS:高级Web标准解决方案》是一本专为网页设计师和开发者编写的经典教程,旨在深入探讨CSS(层叠样式表)技术,帮助读者提升在Web设计中的专业技能。作者Andy Budd是一位知名的Web设计师和讲师,他的这本书以...
智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整经验、...
智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整经验、...
在互联网世界中,Web标准网页布局是构建高效、可访问且具有良好用户体验的网站的关键技术。这一主题涵盖了HTML、CSS和JavaScript等核心Web技术,旨在确保网页在不同设备和浏览器上的一致显示。以下是对"Web标准网页...
CSS 2.0中文手册(含索引) DIV+CSS网站布局 有练习 web实用网页设计方法css-4 web实用网页设计方法HTML-2 web实用网页设计方法javascript-3 web实用网页设计方法Web简介-1
本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...
2. **盒模型**:盒模型是CSS布局的核心,书中详细讲解了W3C标准盒模型和IE盒模型的区别,以及如何通过`box-sizing`属性来统一不同浏览器下的盒模型行为。理解盒模型对于精确控制元素尺寸和间距至关重要。 3. **布局...
接着,书中涵盖了CSS布局技术,包括盒模型、流体布局、网格系统和Flexbox以及最新的Grid布局。这些内容对于创建响应式和适应不同屏幕尺寸的网页至关重要。特别是Flexbox和Grid,它们为现代Web设计提供了强大的布局...
Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整经验、技术倾囊奉献),国外网站重构经典作品引进、拓展(Web2.0标准与CSS重构技术——...
了解Web标准的本质,掌握关于内容、结构和表现的相关知识,学会使用新的思维方式进行思考,这些是能否成功使用CSS布局页面的关键。在本章将详细讲解Web标准的本质、Web标准的概念、使用Web标准的好处。本章还将着重...
在Web开发领域,"Web标准"是一个至关重要的概念,它定义了如何构建可访问、可维护、可扩展的网页。本实例重点探讨的是基于Web标准的"DIV + CSS...总的来说,掌握DIV + CSS布局技术是成为优秀Web开发者的必备技能之一。
本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。...