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

HTML样式以及使用

时间:2015-07-27 18:52:24      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:html   标签   style   html5   

HTML的样式包括:

1,标签{style ,link}

2,属性{rel="styleSheet"外部样式表,type="text/css",margin-left:边距}

外部样式的插入方法:其中myStyle.css是你自己定义的css文件,里面可以写上你要定义的内容css:{     

h1{//标题h1的颜色
    color: red;
}}
<link rel="stylesheet" type="text/css" href="myStyle.css">
内部样式表:

<style type="text/css">
    p{
        color: cyan;
    }
</style>
内联样式表
<a style="color: blue" href="http://blog.csdn.net/darongzi1314/article/details/47088151" target="_blank">点击我跳转到我的博客</a>
下面是具体的用法
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>样式</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style type="text/css">
        p{
            color: cyan;
        }
    </style>
</head>
<body>
    <h1>标题h1</h1>

    <p>欢迎来学习HTML5</p>

    <a style="color: blue" href="http://blog.csdn.net/darongzi1314/article/details/47088151" target="_blank">点击我跳转到我的博客</a>
</body>
</html>



版权声明:本文为博主原创文章,未经博主允许不得转载。

HTML样式以及使用

标签:html   标签   style   html5   

原文地址:http://blog.csdn.net/darongzi1314/article/details/47088667

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