参考资料来源W3School(http://www.w3school.com.cn)
HTML 样式
html样式其实就是指元素的style属性,它提供了一种改变所有 HTML 元素的样式的通用方法。
注意样式的写法,首先在是一个属性,所以最外层是:style=" " 引号里面的写法注意了,形式为:属性:值; 其中值不需要引号,用分号隔开,看个例子
style=" background-color:#FFCC99; text-align:center; font-family:Verdana; font-size:15px; padding-top: 10px; padding-right: 12px;"
应该避免使用下面这些标签和属性:有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。
标签 | 描述 |
---|---|
<center> | 定义居中的内容。 |
<font> 和 <basefont> | 定义 HTML 字体。 |
<s> 和 <strike> | 定义删除线文本 |
<u> | 定义下划线文本 |
属性 | 描述 |
align | 定义文本的对齐方式,可以用style="text-align:center" |
bgcolor | 定义背景颜色,可以用style="background-color:yellow" |
color | 定义文本颜色,可以用style="font-family:arial;color:red;font-size:20px;" |
对于以上这些标签和属性:请使用样式代替!我还在很多地方用<font>和<align>呢
关于超链接<a>,发现它还有个叫法:锚。以前一直认为超链接就是打开另一个网页,其实不然,它还可以打开网页后定位到具体的地方,对于大型文档很有用的,下面就来试一下,我先在这里做一个锚:
现在只要复制当前地址栏的地址,在后面加个#icicle_sign1试一下,在一个新的空页面打开就会直接跳传到这个地方了,定义锚的语句如下:
<a name="icicle_sign1"><strong>可以直接定位到这个地方哦</strong></a>
也可以本页实现,点击文章最上面的“测试锚”,其语句为<a href="#icicle_sign1">测试锚</a>
另外<a>还有个target属性,可以定义被链接的文档在何处显示,值"_blank"的意思是在新的窗口中打开,默认应该是当前窗口
明白了没?