网CSS硕士15项有效技能
这里有数以千计的网站提供使用CSS的提示和提示。但是你怎么知道这些信息是从哪里来的呢 谁说要写这些;提示;谁知道他们在说什么 据你所知,可能是有人不知道CSS代表什么,更不用说如何有效使用了。
但以下网站生产专家并非如此。众所周知,他们掌握CSS并与之同行。阅读他们的提示和技巧,从避免黑客到理解盒子模型。
彼得保罗科赫:避免CSS黑客随着网页设计的发展,无限嵌套的表已经成为无限复杂的CSS黑客。在许多情况下,CSS黑客使用另一个bug来解决问题,而不是用** 稳定的方法来修复它。当浏览器的下一个版本发布时,它可能不会修复或修复两个bug,或者可能修复一个而不是另一个bug。在任何情况下,你的黑客很可能** 终无法工作或不再需要。
为了使样式表尽可能简短,不要重复指定选择器的** 小数目。换句话说,您真的需要指定UL和Li吗 为什么不指定UL 对于其他可能嵌套的元素也是如此。只需指定顶层,其余的继承样式。
Roger Johansson:指定基于EM的布局的** 大宽度来创建一个弹性布局,而不指定除** 大宽度以外的任何单位,这是一个让人非常不舒服的快速方法网站。当访问者增加文本的大小时,布局会变得更宽。但是当他们增加一个或两个电磁单位的大小时会发生什么呢 你的版面越来越宽,很快他们就不得不水平滚动来阅读整行内容。请指定** 大宽度以避免此问题,并使您的站点更易于使用。
特雷弗戴维斯:设置一个一致的基本字体大小。通过将基本字体大小设置为62.5%,** 终字体大小为10像素。这使得1 EM等于10像素。1.2 EM等于12像素。它简化了所有选择器中的字体大小。
丹·塞德霍尔姆:使用负边距可以大大简化代码。与其为一个或多个元素指定正边距,为什么不指定多个负边距 它使您的样式表更短更复杂。
Ben henick:除非上下文鼓励,否则不要添加标记。当从基于表的布局转换时,许多设计人员尝试添加许多容器元素。但CSS则不同。避免这种情况的一种方法是在设计之前进行思考,就像您首先关注信息一样。尝试使用div和跨内容元素来实现共同目的,或者对多个页面进行分类和复制。
忘记为内容创建单独的打印机友好页面。使用CSS为文档创建特定于媒体的样式。打印机友好的样式表很容易创建,避免了设计师在常规和打印机友好的版本中遇到的问题。毕竟,使用这种方法,您根本不需要接触页面标签。
沃尔夫冈·巴特尔梅:中心和CSS对于刚开始使用CSS的人来说,有时似乎不可能全神贯注于整体网站。但这确实是可能的,而且其实相对容易实现。
特伦顿:随着越来越多的人主要通过移动设备浏览网页,使用特定于移动设备的样式表时,确保网站给访问者优化很重要。尽管大多数手持设备将呈现合理使用标准CSS的页面,但仍不在3Prime中;屏幕上** 好的用户体验。为优化移动用户体验创建单独的移动样式表。
chriscoyier:正确使用CSS overflow属性CSSoverflow属性有四个不同的值:hidden、visible、scrolling和automatic。通过了解每一个站点的功能和行为,您可以为您的站点布局打开更多的选项。
伊桑·马科特:用CSS,尤其是CSS创建流体网格的想法可能会让很多网页设计师不寒而栗。但这是可能的,而且肯定比用表创建它们要好。
Jonathan Snook:使用CSS速记是简化和缩短样式表的另一种方法。不要为每个页边距(左页边距、右页边距、上页边距、下页边距)分别声明样式,而是一次声明所有四种样式。其他元素(如字体、边框或背景)也是如此。
克里斯·科伊尔:理解CSS框
CSS中的所有元素都是矩形框。填充、边距、高度、宽度和边框都与这些矩形交互。真正了解这些东西是如何相互作用的将使设计师的生活更轻松。
Roger Johansson:注意隐藏的东西CSS
当你想在你的页面上隐藏一个元素时,使用“hide”;显示:否“;但问题是,这个特定的声明意味着元素的内容被完全隐藏,它们不会被打印、显示或说出来。这可能会导致使用屏幕阅读器而不是浏览网站时出现问题。在用户执行某个操作(可能是JavaScript)之前,如果您想隐藏某些内容,它也会导致问题。
彼得保罗科赫:知道什么时候使用严格的模式或古怪的模式。
严格模式和古怪模式适用于现代浏览器用来解释的两种不同方式CSS。通过了解每个人都在做什么,然后为您的设计实施正确的方法,您可以极大地改进站点的功能
- 如何优化:
- 遵义手机网站改版 服务器搭建网站视频教程 门户网站建设公司 网站开发费用支出备注 零售网站建设 tomcat搭建网站 赣州网站改版哪家公司好 如何学习网站设计 室内设计网站免费 搭建公司网站的目地