【大站网站建设】使用链入外部样式表技术快速排版
发表日期:2018-11-13 06:42:37

 【大站网站建设】

【知识要点】使用链入外部样式表技术快速排版。
    图6-4链入外部样式表
代码如下:
    <! doctype html>
    <html>
    <head>
    <meta charseF"gb2312">
    <title>外部的样式表的应用</title>
    <link rel="stylesheet" hreF'''style/style.css" type="text/css">
    </head>
    <body>
    <hl>美亚手机限时促销</hl>
    <p>6月26日至6月28日,回答问题……最高价值900元。</p>
    <hl class="title">超薄超值款</hl>
    <p class="author">发布:乐天之星</p>
    <p class="img"><img src="images/phone.jpg"/></p>
    <p class="content">超级商务……手机电量。</p>
    <p class="note">购买美亚手机……不胜枚举。</p>
    </body>
    </html>
·95·
 CSS文件名为style.css,存放在文件夹style中,代码如下:
    body {font-size:llpt}
    hl {" COLOR: black">宋体;font-size:3 0pt; font-weight:bold;color:purple;text-align:center)
    hl.title {font-size:13pt; font-weight:bold;color:#666;text-align:center)
    p {font-size:llpt;color:black;text-indent: 2em)/‘定义段落文字llpt,蓝色,文本缩进两个字符4/
    p.author {color:blue;text-align:right)    /+定义作者文字蓝色、右对齐+/
    p.img {text-align:center)    产定义图像居中对齐+/
    p.content{color:blue}    产定义内容文字蓝色+/
    p.note {color:green;text-align:left)    /4定义注释文字绿色、左对齐+/
 【案例说明】为了实现段落首行缩进的效果,在定义p的样式中加入属性text-indent:2em即可实现段落首行缩进两个字符的效果。
400-611-0508
全方位的营销咨询
精准的解决方案
一对一贴心服务
地址:北京市丰台科技园汉威国际四区8号楼7层
copynght 2018 yishenzhou.com 版权所有
北京易神州网络技术有限公司
京ICP备06029384号