TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
直接设置HTML标签的style属性的方法称为内联样式表。这种方法适用于对网页内个别标签的设置。其语法格式如下：
<标签名称 style="样式属性：属性值；样式属性：属性值；...">
如＜h1 style="margin:5px; width:66px;"＞test＜/h1＞
由于内联样式只影响被定义的标签，具有局部性，在每个需要样式的标签中都要进行定义，大量使用style属性会显著增加文档大小，使代码变得难以维护，所以尽量少用。
这样做虽然更为直观，但不符合结构与表现分离的设计思想。
Style 属性可以包含任何 CSS 属性。如下例展示如何改变段落的颜色和左外边距：
<p style="color: sienna; margin-left: 20px">This is a paragraph </p>
又如：
<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>
再看一个例子：
<html>
<head> <title>内联样式表的范例</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<div style="text-align:center;font-size:22;color:red">内联样式表的应用</div>
<p style="font-size:large;font-style:italic;line-height:30px;letter-spacing:3cm;">这段文本使用的内联样式表,字体为大字体,倾斜，行间距为30像素，字间距为3cm.</p>
</body>
</html>
源码下载：http://file.javaxxz.com/2014/10/28/235507953.zip |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-10-28 23:55:08