网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

CSS样式的简单概述

时间:2015-07-20 来源:尚品中国 类型:网站百科
字号:   

在早期的Web网站建设中,网页完余由一些简单排版的文本和图像组成,HTML语言允许使用一些描述性的标签来对网页进行美化设计。然而随着网页技术的发展,简单的HTML标签己不能满足人们对网页美观的要求。于是,W3C制订了Css的技术规范,希望通过CSS来帮助网页设计师们设计出各种精美的网页。

CSS技术在网页中主要用于布局和美化,与XHTML的有机结合可以使Web更加结构化、标准化。作为最重要的网页布局与美化工具之一,CSS在近年普及得非常迅速。国内几乎所有的大型商业网站都在使用CSS来为网页布局,并对网页的各种对象进行美化设计。

CSS (Cascading Style Sheet,层叠样式表)是一种用于网页设计的、无需编译的、由网页浏览器直接解析的标记语言。在网页中,CSS的作用是对XHTML中的对象进行描述和定义,并通过这些描述和定义,控制网页中的对象以及网页整体样式。

Dreamweaver拥有强大的CSS编辑功能。在Dreamweaver中编辑CSS,需要使用到CSS面板。通过CSS面板,可以为网页添加、删除、编辑CSS样式代码。

在Dreamweaver中执行[窗口]|[CSS样式I命令(或按Shift+F11组合键),即可打开CSS面板。该面板分为两个部分,即所有规则部分和样式属性部分。所有规则部分显示当前网页中的所有CSS样式,而样式属性部分则列出当前选择的Css样式定义了哪些属性,如图4-1所示。
CSS面板

在CSS面板中,可以通过一些按钮来对网页的Css规则进行操作,如表4-1所示。
CSS面板按钮
使用Dreamweaver为网页创建Css规则,可以单击【新建CSS规则】按钮,在弹出的【新建CSS规则】对话框中设置新CSS规则的基本参数,如图4-2所示。
在该对话框中,可以创建不同类型的CSS样式。其中,对话框中详细参数的介绍如表4-2所示。

新建CSS规则参数
如果使用【新建CSS规则】对话框创建外部CSS样式,Dreamweaver将提示保存外部CSS链接文件。并在保存该文件后将其自动打开,以提供给网页设计者进行编辑。
CSS是一种非常重要的网页设计工具。目前,几乎所有的网页设计都离不开CSS.因此,在设计网页前有必要了解CSS的基本语法及其结构。

CSS的语句结构非常简单,每段CSS代码由两个部分组成,即选择器(Selector)

和声明(Declaration)。声明又包括属性以及属性值两部分,这两部分必须写在大括号“{}”内。Css代码书写格式如下所示。




您好,现在就与尚品客服交流

专业网站建设 | 大型网站开发 | 营销网站建设 | APP开发等业务

您可以直接电话快速沟通

北京专线:010-60259772(总部)

天津专线:022-58793660

假日热线:010-60255689

北京地区微信

天津地区微信

快速在线提交需求

请输入您的姓名(尚品将对您的联系方式严格保密)

请输入您的联系电话或微信号