外链论坛

 找回密码
 立即注册
搜索
查看: 75|回复: 1

网页设计中的CSS

[复制链接]

2628

主题

210

回帖

9778万

积分

论坛元老

Rank: 8Rank: 8

积分
97780536
发表于 2024-6-29 19:09:51 | 显示全部楼层 |阅读模式

CSS是Cascading Style Sheet的缩写,中文翻译为层叠样式表或级联样式表。CSS定义怎样表示HTML的标签样式,用于设计网页的外观效果。经过运用CSS实现页面的内容与表现形式分离,极重加强了工作效率。样式存储在样式表中,一般放在头部区域,存储在外边CSS文件中。做为网页标准化设计的趋势,CSS取得了浏览器厂商的广泛支持,正越来越多地被应用到网页设计中去。

CSS概述

在网页设计中,CSS与HTML、JavaScript并列为网页前端设计的3种基本语言。其中CSS负责设计网页的表示效果,HTML负责构建网页的基本结构,JavaScript负责研发网页的交互效果。

HTML语言拥有强大的结构化组织功能,利用其丰富的标签能够容易构建网页的结构和表示内容,但在网页布局以及内容表示样式方面功能就显出比较弱小。CSS语言弥补了HTML语言的缺陷,为用户供给了功能强大的页面样式美化和布局功能。

为何学习CSS

CSS是在HTML语言基本上发展而来的,是为了克服HTML网页布局所带来的坏处端。在HTML语言中,各样功能的实现都是经过标签元素来实现的,而后经过标签的各样属性来定义标签的个性化表示。这成为了各大浏览器厂商为了实现区别表示效果而创建各样自定义标签。同期为了设计出区别的效果,经常会把各样标签互相嵌套,造成为了网页代码的臃肿杂乱。

例如,要在一段文字中把一部分文字变成蓝色,HTML语言标识为:

表示信息

而利用CSS技术,上例代码能够变成:

表示信息

这般简单比较就能够看出CSS简化了HTML中各样繁琐的标签,使得各个标签的属性更拥有通常性和通用性,并且样式表扩展了原先的标签功能,能够实现更加多的效果,样式表乃至超越了网页本身表示功能,而把样式扩展到多种媒介上,表示了难以抗拒的魅力。这仅仅是一个小小的例子,倘若全部网页,乃至所有网站都用一张或几张样式表来专门设计网页的属性和表示样式,就会发掘运用CSS的优越性,尤其是对后期更改守护供给了方便。

样式表的另一个巨大贡献便是把对象引入了HTML,使得能够运用脚本程序(如JavaScript、VBScript)来调用网页标签的属性,并且能够改变这些对象属性,达到动态的目的,这在以前的HTML中是法实现的。

CSS特点

CSS样式表比较简单、灵活、易学,能支持任何浏览器。能够运用HTML标签或命名的方式定义,除可掌控有些传统的文本属性外,例如字体、字号、颜色等,还能够掌控有些比较尤其的HTML属性,例如对象位置、照片效果、鼠标指针等。

经过CSS样式表,能够统一地掌控HTML中各标签的表示属性。对页面布局、字体、颜色、背景和其他图文效果实现更加精确的掌控。用户只修改一个CSS样式表文件就能够实现改变一批网页的外观和格式,保准在所有浏览器和平台之间的兼容性,持有更少的编码、更少的页数和更快的下载速度。详细说CSS样式拥有如下特点。

 能够将网页样式和内容分离 能以前所未有的能力掌控页面的布局 能够制作出体积更小、下载更快的网页 能够更快、更易守护及更新海量的网页 浏览器作为更友好的界面

学习web很简单的哦!!!

回复

使用道具 举报

2521

主题

4610

回帖

9998万

积分

论坛元老

Rank: 8Rank: 8

积分
99981045
发表于 3 天前 | 显示全部楼层
回顾过去一年,是艰难的一年;展望未来,是辉煌的一年。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-10-3 17:26 , Processed in 0.060670 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.