网页设计中的CSS是什么意思???

html-css018

网页设计中的CSS是什么意思???,第1张

CSS是Cascading Style Sheets(层叠样式表)的缩写。

是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句:

p {COLOR:#FF0000BACKGROUND:#FFFFFF}

•其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;

•样式声明写在一对大括号"{}"中;

•COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号""分隔;

•"#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写,例如:color : rgb(255,0,0),也可以用十六进制写,就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写,效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写,例如#FC1A1B必须写满六位。

3.定义字体

web标准推荐如下字体定义方法:

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif}

字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,;

•Lucida Grande字体适合Mac OS X;

•Verdana字体适合所有的Windows系统;

•Lucida适合UNIX用户

•"宋体"适合中文简体用户

如果所列出的字体都不能用,则默认的sans-serif字体能保证调用

4.群选择器

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,:

p, td, li { font-size : 12px }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式,例如这样:

li strong { font-style : italicfont-weight : normal;}

就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器

用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层

<div id="menubar"></div>

然后在样式表里这样定义:

#menubar {MARGIN: 0pxBACKGROUND: #FEFEFECOLOR: #666}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生,例如:

#menubar p { text-align : rightmargin-top : 10px}

这个方法主要用来定义层和那些比较复杂,有多个派生的元素。

6.类别选择器

在CSS里用一个点开头表示类别选择器定义,例如:

.14px {color : #f60 font-size:14px }

在页面中,用class="类别名"的方法调用:

<span class="14px">14px大小的字体</span>

这个方法比较简单灵活,可以随时根据页面需要新建和删除。

7.定义链接的样式

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:

a:link{font-weight : bold text-decoration : none color : #c00 }

a:visited {font-weight : bold text-decoration : none color : #c30 }

a:hover {font-weight : bold text-decoration : underline color : #f60 }

a:active {font-weight : bold text-decoration : none color : #F90 }

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

css语法由哪几部分组成?

CSS语法由三部分构成,分别:选择器、属性和值。【相关教程推荐:css视频教程】

selector {property: value}

选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):

body {color: blue}

上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。

值的不同写法和单位

除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000:

p { color: #ff0000}

为了节约字节,我们可以使用 CSS 的缩写形式:

p { color: #f00}

我们还可以通过两种方法使用 RGB 值:

p { color: rgb(255,0,0)}

p { color: rgb(100%,0%,0%)}

请注意,当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。

记得写引号

提示:如果值为若干单词,则要给值加引号:

p {font-family: "sans serif"}

多重声明:

提示:如果要定义不止一个声明,则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么的好处是,当你从现有的规则中增减声明时,会尽可能的减少出错的可能性。就像这样:

p {text-align:centercolor:red}

你应该在每行只描述一个属性,这样可以增强样式定义的可读性,就像这样:

p {

text-align: center

color: black

font-family: arial

}

空格和大小写敏感

大多数样式表包含不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑:

body {

color: #000

background: #fff

margin: 0

padding: 0

font-family: Georgia, Palatino, serif

}

是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。

CSS高级语法:选择器的分组

你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。

用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。

公共课

1.大学语文

本课程是以激发和培养学生对语文的兴趣,也就是对民族语言、文学、文化的兴趣。特别是把以往可能在应试教育中丧失了的兴趣重新激发起来,让学生体味语文之美,人文之美,培养对民族语言文化的亲近感、自豪感。应当把兴趣的培养放到重要的位置。

同时,不应当忘记“大学语文”还是“语文”,有综合性和工具性特点,上课应当扣着“语文”能力来讲,做读写训练。不赞成把“大学语文”上成一般的文学欣赏课,它是一门综合课。

2.应用文写作

本课程的开设目的是,使学生通过学习,加深对语言的社会本质和实际功能的认识,提高运用祖国语言文字的实际能力,特别是言语交际的实际能力,同时,通过对写作的强化练习,使学生系统地掌握常用应用文体文章的写作理论知识和方法,提高学生在学习、工作和日常生活中实际应用各种文体的写作能力。

3.思想道德修养与法律基础

本课程是以马列主义、毛泽东思想、邓小平理论为指导,理论联系实际地研究大学生成长过程中思想道德修养的客观规律的一门思想、政治和品德教育的课程。

它根据我国社会主义现代化建设对大学生的政治、思想、品德方面的要求,以及大学生在政治观、人生观、道德观方面形成发展的规律和特色,教育大学生加强自身的思想道德修养,努力成为社会主义的建设者和接班人。

讲授内容:大学生的历史使命,基本国情和基本路线教育,人生观教育,道德教育,社会主义民主法制教育。

本课程通过简明扼要地讲授马克思主义的基本观点,进行马列主义、毛泽东思想、邓小平理论、“三个代表”重要思想和科学发展观教育,使学生明确改革是在新形式下,马克思主义的基本原理与我国客观实际的紧密结合,充分发挥马克思主义教育主阵地主渠道作用,帮助学生树立正确的世界观、人生观和价值观,达到培养“四有”人才的目的。

4.形势政策

本课程是在马克思主义指导下,分析特定时期社会政治、经济、思想文化发展趋势,揭示党和国家在不同时期的方针政策的基本内容和基本精神的思想政治教育课程。主要目的是帮助学生全面正确地认识国际国内形势;认识党和国家面临的形势和任务;拥护党的路线、方针和政策,增强实现改革开放和社会主义现代化建设宏伟目标的信心和社会责任感。

5.大学英语

培养学生阅读英语书刊的能力,并能在实践中以英语为工具获取本专业所需的信息,为进一步提高英语水平打下较为坚实的基础。

主要内容:语音、语法、笔译。着重矫正语音、语调,扩大词汇量,加深基本语法,借助词典翻译一般短文,加强阅读和笔译技能的训练。

6.高等数学

本课程是本专业的重要基础课。

通过学习使学生比较熟练地掌握求导的方法和求积分的方法,能够求解典型的一阶二阶常微分方程,进一步培养学生用数学分析的方法解决工程问题的能力。为以后学习专业基础课和专业课以及将来从事工程设计打下良好的基础。

本课程的主要内容:函数及极限,一元函数微积分,一阶二阶常微分方程,空间解析几何,多元函数微积分,级数等。

7.体育

进行体育基本知识的教学和基本技能训练。使学生掌握正确的运动技能和科学的锻炼方法,养成体育锻炼习惯,提高身体素质,达到《国家体育锻炼标准》,具有从事本专业或其他行业所需要的良好身体素质。

基础课

1.计算机应用基础

使学生掌握计算机的基础知识、具备计算机的操作能力。主要讲操作系统、数据库管理系统、文字处理系统以及表格处理系统的知识。熟练上机操作、并参加山东省计算机应用能力考核,取得相应的合格证书。

数字电路本书讲述数字电路的基本知识,门电路、组合电路、触发电路、数字集成电路等工作原理,使学生具备分析综合电路的能力,为学习《微机原理与汇编》及其他硬件相关课程打下基础,并具备一定的微机电路的检测与维修技能。

2.微机原理与接口技术

本课程主要讲解计算机基础、8086微处理器结构、80X86微处理器结构、存储器结构、微机中断系统和DMA控制方式、微机接口及其应用、MCS51和MCS98单片微处理机、A/D、D/A转换器及其应用。介绍计算机基本组成原理和PC机微处理器和存储器层次结构的技术特点;详细介绍了接口电路原理和组织、扩展微机系统应用的接口技术。

3.C语言程序设计

C语言是计算机专业必修课,以研究程序结构和编程技术为主要目标。目的使学生掌握C语言的基本语法和编程方法,掌握结构化程序设计的基本概念,掌握程序设计中常用算法和数据结构,并在此基础上编写出一般的应用程序。具有C语言编辑、调试、运行的实际能力,具有一定的程序设计能力。

4.数据结构

本课程是计算机专业必修的一门专业基础课,该课程详细介绍了线性表、栈和队列、串、数组和广义表,树和二叉树以及图等几种基本类型的数据结构,以及程序设计中经常遇到的两个问题——查找和排序。

通过课堂听课、作业、上机实验使学生学会分析研究计算机加工数据对象的特征,具备选择适当的数据结构以及相应的算法能力,并具备算法的时间分析、空间分析能力,另一方面学习本课程的过程也可进行复杂的程序设计,要求学生写的程序结构清楚,正确易读,使学生具备开发大型软件的基本技能,上机选用vc环境。

5.专业英语

该课程是计算机专业学生应该掌握的一门计算机外语工具。掌握微机硬件组成,软磁盘、微机软件,使用计算机的过程,存储器,CPU,I\O设备,网络等内容。了解上机时常见的提示信息及解释,通过本课程的学习使学生扫清上机时使用英语软件的障碍,并且使学生具备阅读计算机专业英语书刊的能力,能听懂一般专业学术报告的能力。

专业课

1.平面设计

学会图片编辑软件的使用方法和技巧,较熟练使用编辑软件进行图片编辑和设计能力。

2.SQL SERVER数据库应用

主要任务是介绍数据库组织、管理和使用的一般知识,包括数据模型、数据库结构、数据库系统、数据库设计、关系运算、关系规范化、关系查询(SQL语言)等方面的知识;介绍至少一种实际的数据库管理系统的构成与使用。目的使学生通过该课程的学习,具有进行简单数据库应用系统设计与开发的能力。

3.3DS软件应用

本课程主要讲授3ds的基本工作界面,掌握MAX的工具箱操作原理,学习各种基本模型制作方法,学习基本动画制作方法.

4.网页制作

本课程主要学习计算机操作和网页基础知识,网站结构和风格设计、网页文本和表格、在网页中使用图形图像、导航和链接、柜架网页、基本表单元素和动态网页。

5.计算机网络

本课程主要学习计算机网络基本原理和基本技术,局域网的特点、原理及典型实现技术。本课程是计算机应用专业的基础课。

主要内容:网络概述,网络的层次模型,通信子网,计算机网络的高层服务,计算机网络应用开发与相关技术。通过本课程的学习使学生了解网络的原理及应用,熟悉局域网的安装、设计思想,并可进行网络管理和一般性维护。

6.Visual FoxPro应用基础

本课程主要讲解VFP的基础知识,包括数据库基础知识、数据的建立与项目的管理、数据处理命令、查询与视图、SQL语言及程序设计基础。同时讲解如何利用VFP所提供的各种生成器来设计数据库应用程序,包括表单、报表、菜单与工具栏的设计和应用程序开发的完整过程。

7.计算机组装与维护

本课程主要包括:多媒体概述、多媒体的音频、视频、动画技术,并从实际出发介绍多媒体应用软件的选购、安装等实用指导。多媒体系统组装包括:声卡、解压卡的工作原理及技术指标,安装调试故障的分析及处理。微机系统维护包括:机房的配置及操作规程,计算机病毒概况、特点、预防与清除以及常见故障的分析与排除。

选修课

1、音乐与绘画

通过本课程的学习,可以陶冶学生的艺术修养,培养学生的艺术素质,并且在系统的训练过程中,培养学生正确的观察方法和造型能力,对今后的全面发展奠定良好的基础。

2.大学生就业与创业指导

本课程的基本礼仪是:对市场经济发展、就业市场状况和就业形势进行分析,使毕业生树立正确的择业观并调适在择业过程中可能出现的矛盾心理;教导毕业生,使其掌握一定的求职技巧并转换角色、适应社会发展对人才的需求;使毕业生了解政策,更好地利用就业指导机构指导自身就业。

专业核心课程

1、Vfp数据库应用主要讲授数据库的基本原理,数据库系统的组成;关系型数据库的特点、基本运算、数据组成;以Visual Foxpro为实例,学习数据库的设计和开发,掌握数据库的应用。

2、JAVA程序设计本课程主要讲授Java的语言规范、Java的编程技术及应用,主要内容有:Java基础、流程控制、方法、数组、面向对象程序设计基础、线程、图形用户界面设计等,使学生掌握用Java进行面向对象程序设计的基本方法。

3、网页制作本课程主要讲授网站的设计、编辑、修改、上传,主要应用Dreamweaver cs5及Fireworkscs5。其中Dreamweavecs5是网页编辑软件,讲授其表格、框架、层等布局工具及超链接、CSS样式等相关知识, Fireworks是图形/图像处理软件,主要讲授静态图片的制作、处理及简单动态图片的制作。

4、FLASH动画制作主要讲授网页动画设计软件Flash的使用方法,使学生掌握这一交互式动画设计工具,并能够利用它将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。

扩展资料

知识结构

1、通用知识。通用知识是学习和掌握专业基础理论、专业知识的基础和工具,并对今后从事的计算机应用工作起辅助和支持作用。通用知识包括扎实的文化、社会科学和法律知识,以及计算机数学基础、计算机应用基础、C语言程序设计、计算机网络基础、操作系统原理等专业必备的基础理论知识。

2、专业知识。专业知识是从事计算机应用技术工作的根基。专业知识包括Visual FoxPro程序设计、VisualBasic .net程序设计、JAVA程序设计、图形图像处理、FLASH动画制作、网页制作等。

能力结构

1、基础能力:计算机相关高等数学的应用能力;基本程序设计能力;计算机系统管理和维护能力;外语应用能力;汽车驾驶能力。

2、专业能力:使用高级语言进行程序的设计、调试和维护能力;熟练使用办公自动化系列软件的能力;运用关系型数据库Visual FoxPro设计和应用管理信息系统的能力;利用Visual Basic语言编制一般视窗应用软件的能力;计算机多媒体素材的处理能力;综合性网页设计与制作能力。

素质结构

1、思想道德素质。具有科学的世界观、人生观和道德观,有明确的是非观念;具有爱国主义、集体主义精神,有良好的敬业、创新意识。

2、文化素质。具有高等数学、程序设计、数据处理等理工科知识,有一定的科学素养;具有必要的哲学、法律、职业道德等人文社科知识,有一定的文化素养。

3、业务素质。掌握计算机的基本知识,能够熟练操作各种常用应用软件;具有常用应用软件的安装、调试、使用和管理、维护能力;具有一般应用程序和数据库系统的编写和使用能力;具有以业务知识为基础,专业操作能力、创新能力为标志的较高的业务素质。

参考资料来源:百度百科-计算机应用技术专业

参考资料来源:百度百科-计算机应用技术