导航:首页 > 万维百科 > css网站设计

css网站设计

发布时间:2020-08-28 11:03:53

1、CSS是一种什么样的网页设计,怎么用它?

网页设计里的 CSS在英文中的缩写:Cascading Style Sheets 层叠样式表。

什么是CSS呢?你可能急迫的想知道答案。但是空泛的文字描述意义不大,让我们先来一点感性体验吧。看看这个没有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html

是一个普普通通的网页。然而通过给这个文件添加的CSS规则,我们可以得到十分美观的网页:http://www.csszengarden.com/

这还不是全部,不改动HTML,只是通过添加不同的CSS规则,我们就可以得到各种不同样式的网页:http://www.csszengarden.com/?cssfile=/208/208.css&page=0

好了,下面我们再来回答什么是CSS这个问题。
什么是Cascading Style Sheets(层叠样式表)
* CSS是Cascading Style Sheets(层叠样式表)的简称.
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
* 在标准网页设计中CSS负责网页内容(XHTML)的表现.
* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.
* CSS是由W3C的CSS工作组产生和维护的.

2、简述css的概念和在网页设计中的作用

CSS是Cascading Style Sheets(层叠样式表)的缩写。
是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范
分析一个典型CSS的语句:
p {COLOR:#FF0000;BACKGROUND:#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 : italic; font-weight : normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器
用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层
<div id="menubar"></div>
然后在样式表里这样定义:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。
id选择器也同样支持派生,例如:
#menubar p { text-align : right; margin-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”。

3、关于网页设计中的css

显示和隐藏是最简单的方法,你可以将右侧的对应的div的高度从0变到你要的高度,和显示隐藏效果一样

4、DIV + CSS 网页布局设计用哪个软件好

1:初期刚接触的时候建议用Editplus,这款工具没有代码提示功能,代码高亮。能较好的锻炼代码功底。对于之后找工作笔试大有裨益。
2:如果你工作了,并且需要开发效率。建议用HBuilder 。这款工具是国产的。不需要安装什么插件,下载就能用,很受前端开发人员的喜爱。
除了Hbuilder还可以用webstorm,这款工具也非常受前端开发人员的喜爱。
当然还有sublime Text3 这款工具也挺不错的,只不过需要安装插件。
3:以上工具是我个人常用的,当然也有很多的开发工具,比如DW 等等。

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

CSS是Cascading Style Sheets(层叠样式表)的缩写。
是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范
分析一个典型CSS的语句:
p {COLOR:#FF0000;BACKGROUND:#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 : italic; font-weight : normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器
用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层
<div id="menubar"></div>
然后在样式表里这样定义:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。
id选择器也同样支持派生,例如:
#menubar p { text-align : right; margin-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”。

6、网页设计采用div+css有什么好处?

网页设计采用div+css的好处:
1、div+css有利于搜索引擎爬虫:一般而言相同网页页面html文件table布局字节大于div+css布局的字节,所以可以节约搜索引擎爬虫爬行下载页面内容时间。
2、重构页面修改方便(div+css改版方便):一般DIV+CSS页面都是html和css文件分开的也就是说一个网页的内容与表现形式的分离,一般修改小小部分的css文件里css样式属性就可以修改真站的样式版面,如背景颜色、字体颜色、网站宽度等具有table不具备的方便性。
3、div+css页面增加网页打开速度:这里是特性决定了他们的性能,因为div+css页面是div的html和css文件分开的,而浏览器打开该网页的时候是同时下载html和css,所以可以提高网页打开速度,而table还有个特性就是浏览器打开的时候必须是浏览器下载以<table>开始,并</table>结束后才显示该块的内容,而div的html是边加载边将内容呈现到浏览器上,div+css网站大大增强用户体验作用。大家都知道网页多等1秒钟都会降低浏览者的等待时间。

7、网站设计DIV+CSS

DIV+CSS,就是HTML+DOM+CSS,学这三个就够了,从HTML学起。

简单了解,一周就可以,,,要达到能用DIV+CSS架构网页,至少也得1个月。那些吹说三天七天就可以学会的,简直就是扯淡。。。中国的网页就是被这些不学无术,什么都只懂皮毛的垃圾搞得乱七八糟得

Flash也可以作网站的阿,做纯flash的网站,Flash做的网站更美观更有特色,更容易拿奖。。。呵呵

8、求几个大学css网站设计的课程设计

计算机科学与技术
概率论与数理统计
H55010002
2
36
36
0

2*

线性代数
H55010021
2
32
32
0

2*

计算机科学导论
H61030001
3.5
64
48
16

4*

高级语言程序设计
H61030002
3.5
72
48
24

4*

汇编语言程序设计
H61030005
3.5
72
48
24

4*

数据结构
H61030006
4.5
88
64
24

5*

计算机组成
H61030007
4
64
64
0

4*

数据库系统
H61030008
4.5
88
64
24

5*

操作系统
H61030009
4.5
88
64
24

5*

微机原理与接口技术
H61030010
3
48
48
0

3*

编译原理
H61030011
3.5
72
48
24

4*

软件工程
H61030012
3
48
48
0

3*

计算机组成实验
H61030101
1
32
0
32

2*

微机原理与接口实验
H61030102
1
32
0
32

2*

数字逻辑
H61060301
3.5
64
48
16

4*

离散数学
H61030003
4
64
64
0

4*

工程制图(Ⅱ)
H59010002
4
64
64
0

4*

工程训练(Ⅱ)
H59030002
2
0
0
0

2周
0*

生产实习

9、什么是css,使用css进行网页设计有哪些好处

        css是英文Cascading Style Sheets的缩写。它是用来美化网页内容的,比如给网页添加背景色或者背景图片,控制网页各个地方的字体大小、颜色、字体等。

        如给网页添加一个背景颜色的css代码为:

background-color:red;    //设置背景颜色为红色

        而将段落字体设置为20px蓝色雅黑的css代码为:

p{font-size:20px; color:blue; font-family:Microsoft Yahei;}

与css网站设计相关的知识