什么叫css?它主要有什么作用?

html-css07

什么叫css?它主要有什么作用?,第1张

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

(4)你可以轻松地控制页面的布局 。

(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

这个百科也有详细解释,lz问这问题,估计是新接触html,我捡些个人认为较主要的说下吧:

1、css(Cascading Style Sheet),中文交层叠样式表或级联样式表

2、css通过三种方式引用:外部css <link rel="stylesheet" type="text/css" href="style.css">

内部css 即在头部加入阶段<style></style>里面声明内容,如<style>a{color:red}</style>内联css 相当于在html标签内部加入style="",如<div style="width:100px"></div>,css用于控制网页样式,如字体,边框,颜色,位置等,当然也和div搭配用于布局,是目前主流布局方式,主要用的就是css对于div的位置控制。

css一般通过三种方式选中标签,一直接用标签名,如上的a标签,二是用class,如<div class=“aa”></div>,则css可直接用.aa选中,形如 .aa{width:100px},当然用于外部和内部css,内联直接书写在标签内,无选中之说,三是通过id,如<div id="aa"></div>,用#aa{width:100px}设置样式,同样是外部和内部css。

3、css主要目的是将表现内容分离,分离的目的主要是便于统一管理,如统一设置整个网站页面背景,对于一个网站,风格基本统一,我们可以用一个外联css设置统一样式,然后每个页面调用给css文件,网站风格需要修改时,只需修改该文件则可全部修改,极其方便。同时css具有比较强大的样式功能,很多单靠html标签属性几乎无法实现,如给<p>标签添加边框,<span>标签添加背景图,css极易实现,html标签则很无力。还有css能够极大的缩减页面代码量,客户端载入速度因为文件小而加快,提高浏览速度和体验。

4、css标签和div极易上手,若lz果真刚接触,可以多练些html,个人认为开始接触语言尽量减少对工具的依赖性为好,可以直接用记事本编写html文件,熟悉了后,这个html排版语言便会感觉如此的easy,逐渐扩展学习js,而后是一些媒体处理ps和flash,最后接触动态页面编程技术jsp,php等,加上设计思想,必会觉得网站设计是一件美好的事情。。。也为今后再添一技。

收笔,希望lz能学好~~