您的位置:首页> 建站知识 > 品牌设计
【加强网站的建设】掌握行内样式的定义方法与格式要求
标签:品牌设计
发表日期:2018-11-13 06:39:27     文章编辑:admin     浏览次数:263

 【加强网站的建设】

定义行内样式表
    行内样式表也称内嵌样式表,是指在HTML标签中插入style属性,再定义要显示的样式表,而style属性的内容就是CSS的属性和值。用这种方法,可以简单地对某个标签单独定义样式表。这种样式表只对所定义的标签起作用,并不对整个页面起作用。有时这种方式非常有效。其格式为:
    <标签style=”属性:属性值;属性:属性值…”>
    style属性可以应用于除basefont、param和script之外的任意body标签(包括body本身)。
    【案例6-2】使用行内样式表排版商品促销页面。
    【案例展示】本例文件6-2.html在浏览器中显示的效果如图6-3所示。
图6-3使用行内样式
·93·
【学习目标】掌握行内样式的定义方法与格式要求。
【知识要点】使用行内样式修改页面的局部内容。
代码如下:
    <fdoctype html>
    <html>
    <head>
    <meta charset=”gb2312”>
    <title>使用行内样式</title>
    </head>
    <body>
    <!一·行内定义的h3样式,不影响其他h3标题..>
    <h3 style=”font-size:3 0pt;color:purple;text-align:center”>美亚手机限时促销</h3>
    <!..行内定义的h3样式,不影响其他h3标题..>
    <h3 style=”font-size:13pt; font-weight:bold;color:#666;text-align:center”>超薄超值款</hl>
    <h3 align=”right”>发布:乐天之星</h3>
    <p style=”text-align:center”><img src=”images/phone.jpg”/></p>
    <!..下面的段落文字为10磅大小,蓝色,不影响其他段落..>
    <p style=”font-size:llpt;color:blue;text-indent:2em”>超级商务……手机电量。</p>
    <!..下面的段落不受影响,仍然为默认显示..>
    <p>购买美亚手机……不胜枚举。</p>
    </body>
    </html>
    【案例说明】需要注意的是,本例中,行内样式表与需要显示的内容混合在一起,且在,签中采用设置style属性的方法,一次只能控制一个标签的样式,因此,使用行内样式表会去一些样式表的优点。这种方法应该尽量少用。    2
关于我们
易神州网络领先的高端设计品牌,提供互联网基础服务与数字营销产品解决方案专家,12年丰富的品牌策划、品牌营销、品牌公关经验。我们擅长于系统化解决企业品牌在互联网上的统一性传播,以及企业品牌在互联网产品上的应用。我们可以协助您通过在线品牌的塑造,建立长久的企业价值。
联系我们
010-51290809
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京朝阳区光华路4号东方梅地中心C座16层
关注公众号