css设计？css布局经典实例
各位老铁们好，相信很多人对css设计都不是特别的了解，因此呢，今天就来为大家分享下关于css设计以及css布局经典实例的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！
简述css的概念和在网页设计中的作用
CSS是CascadingStyleSheets(层叠样式表)的缩写。\x0d\x0a是一种对web文档添加样式的简单机制，属于表现层的布局语言。\x0d\x0a\x0d\x0a1.基本语法规范\x0d\x0a分析一个典型CSS的语句：\x0d\x0ap{COLOR:#FF0000;BACKGROUND:#FFFFFF}\x0d\x0a•其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；\x0d\x0a•样式声明写在一对大括号"{}"中；\x0d\x0a•COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；\x0d\x0a•"#FF0000"和"#FFFFFF"是属性的值(value)。\x0d\x0a\x0d\x0a2.颜色值\x0d\x0a颜色值可以用RGB值写，例如：color:rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B必须写满六位。\x0d\x0a\x0d\x0a3.定义字体\x0d\x0aweb标准推荐如下字体定义方法：\x0d\x0abody{font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}\x0d\x0a字体按照所列出的顺序选用。如果用户的计算机含有LucidaGrande字体，文档将被指定为LucidaGrande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，；\x0d\x0a•LucidaGrande字体适合MacOSX；\x0d\x0a•Verdana字体适合所有的Windows系统；\x0d\x0a•Lucida适合UNIX用户\x0d\x0a•"宋体"适合中文简体用户;\x0d\x0a如果所列出的字体都不能用，则默认的sans-serif字体能保证调用;\x0d\x0a\x0d\x0a4.群选择器\x0d\x0a当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔，：\x0d\x0ap,td,li{font-size:12px;}\x0d\x0a\x0d\x0a5.派生选择器\x0d\x0a可以使用派生选择器给一个元素里的子元素定义样式，例如这样：\x0d\x0alistrong{font-style:italic;font-weight:normal；}\x0d\x0a就是给li下面的子元素strong定义一个斜体不加粗的样式。\x0d\x0a\x0d\x0a6.id选择器\x0d\x0a用CSS布局主要用层"div"来实现，而div的样式通过"id选择器"来定义。例如我们首先定义一个层\x0d\x0a
网页设计CSS解释
光说解释，但不知道解释哪些部分？我就将我觉得该解释的说说吧。
以"#"开头的成为id选择器，在程序中用id="id名称"调用；以"."开头的成为类别选择器，在程序中使用class="类别名称"调用；二者实现效果一样，只是在不同情况下按需选择。此外还有标记选择器和行内样式两种css样式。
常用选项解释：padding表示内边距；margin表示外边距；float表示浮动属性（设置该属性后可实现图文混排）；background-image表示背景图片；background-repeat表示是否允许背景重复；border表示边框；text-align表示文本水平居中显示。
padding:10px 0px 0px 0px;从上开始表示顺时针内边距分别为10px，0px，0px，0px。margin和border的用法与padding类似，可以类推；
border-bottom:1px solid#CAEFC4表示下边框为1px实线颜色为#CAEFC4。其他各边以此类推。
差不多了吧，呵呵，祝你好运！
什么是css有什么特点和优点吗
CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，实际上它是一组样式。你可能对CSS这个名词比较陌生，实际上无论你用Internet Explorer还是
Netscape Navigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工
具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有
几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信
提问的问题整理出来，供诸位参考。
1、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？
当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页
中使用的CSS，采用文档头部方式；只有在一个网页一、两个地方才用到的CSS，采用行内插入方式。
2、CSS的三种用法在一个网页中要以混用吗？
三种用法可以混用，且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处
理的：先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了；其次检查头部方式的CSS，有就执行
了；在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出，三种CSS的执行优先级是：行内插入式、头部方
式、外连文件方式。
3、在Dreamweaver3中如何使外部文件式CSS？
在Dreamweaver3中使用外连文件式CSS并没有特殊要求，同样是用记事本创建一个*.css文件，在网页的<head>与
</head>之间加上一句这样的代码：<link rel="stylesheet" rel="external nofollow" href="在这里填上你的CSS文件地址（相对路径+文件
名）" type="text/css">就行了。
4、如何用Dreamweaver3快速创建CSS外连式文件？
对于一个初接触CSS的网页设计人员来讲，要用记事之类的编辑器，去创建一个CSS外连式文件是相当困难的。由于
Dreamweaver3对CSS支持的很好，用它来帮助就轻松多了。具体可以这样操作：
1）先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver3的编辑窗中调出CSS面板，一个一个地定
义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改；
2）全部定义好后，再用记事本创建一个空的CSS外连式文件，把在<head>与</head>之间的那段定义好的CSS复制
到CSS文件中去，就大功告成了。整个过程就是点鼠标，方便吧？
5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗？
不用！先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入：style=""，再把你刚才定义的CSS从<head>
后面拖到这个双引号中来，把花括号以外的部分删去就行了。
6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”，好象没什么用，不要可以吗？
这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS，它将忽略其中的内
容。虽然现在使用不支持CSS浏览器的人已很少了，由于互联网上几乎什么可能都会发生，所以还是留着为妙。
css设计和css布局经典实例的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！