别具光芒CSS网页布局案例剖析摘要和经验.doc:..注意:本文档纸张大小为A3。(文档类型):transitional(过渡类型)、strict(严格类型)。:兼容以前版本定义的,但在新版本已经废除的标记和属性。:不兼容已经废除的标记和属性。,要求更严格,目的是为了标准化,但也很简单,只要一切小写,一切封闭,一切双引号就0K。:说简单点就是其前后回车符,会自动换行;行内元素:没有回车符,在一行显示;超链接a、span、b、strong都为行内元素。行内元素不能设置高度、宽度、margin、padding等具有几何意义的属性。如需设置,加上display:block;即可转化为块级元素。。以便内容与形式分开,便于管理。7・dw软件给我们提供了两种只能添加结束标签的选项:键入y后、键入起始标签后,两者都自动生成结束标签</*>o设置方法:编辑・>首选参数亠代码提示。,只需双击即可选中,这对于在代码视图中修改<title>无标题文档</title>中的名称甚是方便。9•同一个class可以应用于多个标记,一个标记也运用多个class,如vhlclass二〃bluered〃>内容</hl>,这是会出现冲突,因为・blue/.red的优先级相同。这是会以CSS中定义的先后顺序为准,后面的优先于前面的。10•选择器优先级:行内样式>ID样式〉类别样式〉标记样式。此外:行内式〉嵌入式>导入式。,导入式的<style>***@;</style>在IE8>Firefoxl8>360安全浏览器6中没有效果。,边距属性用margin,而不是padding;,border属性可以这样设置border:lpx#dashed;,用text-indent:2em;,用line-height:;16•页面整体设置边距时,对body设置CSS,也用margin17•附上一段CSS代码:67Q91011121314151617181920212223242526272829303132333435:二J3839404142434445<bcdy><hl角思网络有限公司</hl><imgsrc=>width=n128nheight=rf128rf/><p 富〉依托于在安防领域丰富的设计芨实施经验、业畀领先的技术硏发优势,畅思网络作为一个专业从事安防设备硏发及生产的设备供应商,能够为用户提供各种从简单使用到高效集成的安防解决方案。</p><p 在原有网络产品和朋务供应商基础上,不断拓展新的业务发展领域,组建了一支具有丰富安防产品背昱和专业技术知识完善的高素质安防研发队伍,成功研制出技术领先的安防产品。专业的生产人员,庞大的研发队伍,使畅思网络迅速步入行业的前沿o</p>V/bcdy></html>最终效果:一、css选择器•基本选择器•复合选择器■标记选择器■ “交集”选择器■类别选择器■ “并集”选择器■ID选择器■ “后代”选择器♦子选择器标记选择器:在<head><style></stylex/head>中,先写标记hl,后面紧跟大括号{属性:属性值;}6<style>7hl{Qcolor:red;9font-size:25px;10}11</style>12</head>1314<bcdy>15<hl>®是hl标题</hl>16</bcdy>17</html>类别选择器:在起始标签中写上class二〃名称〃,在<head><style></stylex/head>中,先写英文句号〃・〃,后面紧跟名称{属性:属性值;}6<style>7・red{Qcolor:red;9font-size:18px;10}11</style>12</head>1314<bcdy>15<pclass=f>redrf>class选择器l</p>16</bcdy>17</html>ID选择器:在起始标签中写上id="名称〃,在<headxstylex/stylex/head>中,先写#,后面紧跟名称{属性:属性值;}6<style>7#green{Qfont-size:30px;9color:#009900;10}11</style>12</head>1314<bcdy>15<pid=Mgreenn>idi^择器3</p>16</bcdy>17</html>“交集”选择器:因为class和id都写在起始标签中,所以先写
别具光芒CSS网页布局案例剖析摘要和经验 来自淘豆网m.daumloan.com转载请标明出处.
