码迷,mamicode.com
首页 > Web开发 > 详细

HTML-学习笔记(样式)

时间:2016-12-07 02:34:34      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:字体   back   code   改变   文件   div   方法   pre   head   

HTML 样式

style属性用于改变HTML元素的样式。

<p style="font-family: arial; color: red;">字体是arial,字体颜色是红色</p>
<p style="font-size: 30px;">这行文字的字体大小是30px</p>

HTML 的 style 属性

style 属性的作用:

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

HTML引入样式的方式

上面只是html引入样式一种方式。其实html引入样式有三种方式。

1.外部样式表 通过<link>标签引入

<link rel="stylesheet" type="text/css" href="../css/myStyle.css" />

2.内部样式表 通常写在<head>标签中

<style type="text/css">
    p {
        color: red;
        text-align: center;
        font-size: 15px;
    }
</style>

3.内联样式表 通常写在相对应地元素标签的起始标签內

<p style="font-family: arial; color: red;">字体是arial,字体颜色是红色</p>
<p style="font-size: 30px;">这行文字的字体大小是30px</p>

三种方式中內联样式的优先级最高 外部样式表的优先级最低。最常用的是外部样式表,这是另一门学科CSS会在后面的博客中详细讲起。

 

HTML-学习笔记(样式)

标签:字体   back   code   改变   文件   div   方法   pre   head   

原文地址:http://www.cnblogs.com/huanying2000/p/6139692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!