网站设计离不开层叠样式表

发即可 · 发表于 2013-05-09 16:25:40

  先解释下什么是层叠样式表，DIV+CSS就是我们常说的样式表，它的作用有很多，不仅可以用来设计网页的显示样式，还可以配合JS实现网站前台的一些特效，是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它的出现解决了table布局的窘境，table对于网站整体的轮廓设计还是比较容易的，但是对于一些表格的细微操作，或者是表格中在进行细分的话，就显得很累赘了，并且这种布局方式，搜索引擎也不喜欢，不利于网站的收录。
   现在的网页布局都提倡div+css布局，因为这种布局方式深受搜索引擎的喜好，对于网站后期的发展十分有利，所以网页设计师是必须要掌握这门技术的，div+css的应用非常的简单，通过在head标签中添加<style type="text/css">就可以引用CSS文件了，具体的调用方式有内联和外联两种，内联就是前面说的这段代码，外联可以使用<link rel=stylesheet href="XX.CSS" type="text/css">这行代码，把里面的XXX改成css的文件名即可。www.savers3.com
   div+css布局的优点在于后期修改是非常方便的，里面的每个元素块都是独立存在的，它们都规定了自身的高度和宽度，和一些行内元素的大小，要修改起来很容易，通过修改这些属性你就可以随意的控制局部元素的显示范围了，达到所见即所得的效果，内联CSS修改起来很简单，找到固定的div块就可以修改了，外联的要麻烦一点，我们要去网站的源文件中去查找文件路径，然后才能修改，这两种文件修改的方法都是一样的。www.savers3.com
   元素块也是有区别的，一般分为id选择器和class选择器，id选择器的级别要高于class，所以在应用选择器的时候尽量选择class选择器，至少我们可以通过id选择器拥有一次修改的机会，class选择器是通过.号命名的，id是#号键命名的，千万不要搞混淆了。有时我们还会看到一些直接应用的html元素。你比如：p {font: 10pt"Arial"; color: black}这种方式是可以的，因为div+css提供了元素直接调用样式的功能，它的级别低于class选择器。

义务代表~! · 发表于 2026-02-07 04:04:23

内容很干货，没有多余的废话，值得反复看

西万路小混混 · 发表于 2026-02-23 04:52:51

说得很实在，没有夸大其词，这种真实分享太难得了

		自动登录	找回密码
密码			加入怎通

[站长八卦] 网站设计离不开层叠样式表

浏览过的版块