`
tntxia
  • 浏览: 1506777 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

为什么要使用CSS

阅读更多

早期的WEB仅仅是一系列相互链接的研究文档,并使用HTML添加基本的格式和结构。但随着WWW (World Wide Web)的流行,HTML开始用来表现页面。人们使用字体和粗体标签的组合来创建所需的视觉效果,而不只是用标题元素突出显示页面的标题。表格成了一种布局工具,而不只是显示数据的方式。人们使用块引用(Blockquote)来添加空白而不是表示引用,WEB很快就失去了意义,成了字体和标签的大杂烩。

 

HTML原本是一种简单且容易理解的标志语言,但是随着网页更来更复杂,代码变得几乎不可能理解。因此需要使用复杂的WYSIWYG(What you see is what you get)工具来处理复杂的无意义标签。这些工具没有使事情简化,反而添加了他们自己的复杂标志。新千年以来,即使普通网页也变得非常复杂,以至于不可能手工编辑而不破坏代码。所以很多人想要改变这一状况。

 

这个时间CSS出现了,使用CSS可以把复杂的样式定义标志,提取出来,以致于样式代码不会混在HTML代码中。表现标签可以去掉,而是使用CSS来控制布局,标志变得简单了,用户开始对底层代码感兴趣了。

 

意义重新回到文档中。浏览器的默认样式可以被覆盖,而不需要为它指定大的、加粗的、难看的字体。

 

 

分享到:
评论

相关推荐

    众妙之门—精通CSS3(PDF版)

    ##### 第1章 为什么要使用CSS3和HTML5 - **与时俱进**:随着互联网技术的发展,CSS3和HTML5作为最新的标准,提供了更多的功能和更好的用户体验。它们能够更好地适应移动设备和不同分辨率的屏幕,为用户提供一致且高...

    如何使用CSS文件如何使用CSS文件

    如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件如何使用CSS文件

    css-modulesify, 加载CSS模块的browserify插件.zip

    css-modulesify, 加载CSS模块的browserify插件 css-modulesify 加载CSS模块的一个browserify插件... :为什么要使用CSS模块?通常,你需要使用一个严格的命名约定类似边界元素,以确保组件的一个CSS不碰撞。 CSS模块是

    使用css3实现动态效果

    2.需要使用css3中的至少两种效果,并且用到css3的地方请注释,例如阴影效果,动画效果,2D转换,3D转换,css3过渡等等。 3.要求css样式写在head的style里,或者新建一个css文件写在里面。图片放在单独建立的文件夹下...

    使用CSS格式XML文档

    使用CSS格式XML文档使用CSS格式XML文档使用CSS格式XML文档

    前端开源库-postcss-css-variables

    该插件确保了向后兼容性,使得开发者可以放心地使用CSS Variables,而不必担心在不支持这一特性的浏览器中的兼容问题。 **使用方法**: 要在项目中使用Postcss-css-variables,首先需要安装PostCSS及其插件,通常会...

    Three.js前端3D开发:使用CSS3DRenderer渲染全景图

    要使用 CSS3DRenderer 渲染全景图,我们需要遵循以下步骤: 1. **引入库和依赖**:在HTML文件(如 demo.html)中,首先引入Three.js库和其他必要的库,如CSS3DRenderer。可以使用CDN链接或者本地文件引用: ```...

    birt公用CSS样式

    在BIRT中,通过使用CSS,可以实现如表格样式、图表样式、页眉页脚样式、数据区域样式等自定义。这些样式可以应用于单元格、行、列、图表元素等各种报表组件,从而提供高度定制的视觉效果。 压缩包内的文件包括: 1....

    svg转css,css转svg,svg与css互相转换并压缩

    此外,压缩可能包括去除空格、注释和不必要的属性,以及使用CSS minifier来压缩CSS代码。 在实际开发中,了解SVG和CSS之间的转换技巧对于优化Web应用的性能和用户体验至关重要。开发者应该熟悉如何在两者之间灵活...

    CSS减肥工具Firefox插件CSS Usage

    2. "CSS减肥工具Firefox插件CSS Usage使用教程.txt" - 这是一个文本文件,提供了关于如何使用CSS Usage插件的详细步骤和指导,对于初学者来说非常有用,它解释了如何分析和清理CSS代码。 3. "firebug-2.0.16-fx.xpi...

    第十四节 IE中利用CSS触发XSS-01

    本节课程将介绍如何使用CSS来触发XSS。 CSS介绍 CSS(Cascading Style Sheets)是一种用来表现HTML或XML文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。...

    birt制作报表使用css

    birt制作报表使用css,对修改birt报表样式非常有用。

    将AE制作的动画导出为CSS代码

    然而,在网页设计中,我们通常使用CSS(Cascading Style Sheets)来控制网页元素的样式和动画。"将AE制作的动画导出为CSS代码"这一主题探讨的是如何将AE中的动画转换成可应用于网页的CSS代码,以便在网页上实现类似...

    Hover.css使用代码

    Hover.css中的`.scss`文件与LESS文件类似,为开发者提供了源代码,便于在使用SASS的项目中定制和整合悬停效果。 在使用Hover.css时,你需要按照以下步骤操作: 1. **引入Hover.css**: 首先,将下载的`hover.css`...

    CSS优化工具CSSTidy.zip

    CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...

    CSS酷站CSS特效华丽CSS

    "华丽CSS"则意味着使用CSS技术实现的高质量和艺术性的设计。这不仅包括精美的布局和色彩搭配,还包括精细的细节处理,如文本效果、图标设计、自定义滚动条等。CSS滤镜和混合模式可以创造出独特的图像效果,而伪元素...

    css完全使用详解(源代码)下载

    总的来说,《CSS完全使用详解》全面覆盖了CSS的基础和高级用法,结合源代码实例,对于想要深入学习和提升CSS技能的开发者来说,是一本不可多得的参考资料。通过深入阅读和实践,读者可以逐步精通CSS,打造更具吸引力...

    CSS样式表高效使用的技巧

    CSS 样式表高效使用的技巧 CSS 样式表高效使用的技巧是指在网页...我们可以先定义一个背景色的 CSS,例如给这个 CSS 命名为 bjstyle,然后在网页中选中需要设置颜色的文字,然后在工具栏中单击一下“bjstyle”就行了。

    一个简单彻底快速的未使用CSS清理器

    总的来说,这个未使用CSS清理器是JavaScript开发的,专为优化Web项目的CSS性能。它能帮助开发者识别并移除无用的CSS,提高网站加载速度,提升用户体验。通过学习和应用这样的工具,开发者可以更好地维护和优化他们的...

Global site tag (gtag.js) - Google Analytics