html三种样式的使用

1、HTML的样式
    1)、标签:
        <style>:样式定义
        <link>:资源引用
    2)、属性
        rel="stylesheet":外部样式表
        type="text/css":引用文档的类型
        margin-left:边距
2、三种样式表插入方法:
    外部样式表:
        <link rel="stylesheet" type="text/css"  href="mystyle.css">
    内部样式表:
        <style type="text/css">
        body{background-color:red}
        p{margin-left:20px}
        </style>
    内联样式表:
        <p style="color:red">



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css" ><!--外部样式表的设定,这里可以通过连接css的设定来规定某些-->

                                                                                           <!--标记的属性-->

  • h3{
        color:chocolate;
    }
    <!--这是用css样式设置的属性-->

<style>                                                                         
        p{
            color: coral;
        }
    </style>  <!--内部样式表的设定-->
</head>
<body>
<p>
    WHY THE LIBRARY DONT OPEN THE LIGHT!
</p>
<a href="https://www.bilibili.com/" style="color: darkgreen">点击跳转B站!!!</a>   <!--内联样式表的设定-->
<br/>
<a name="jk">ok</a>  <!--可以通过name实现跳转,在一个页面内点击某个特殊的name可以跳转的指定的位置-->
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/>

<a href="#jk">dddd</a>
</body>
</html>

 

ok这一个已经通过name设定为了jk,可以通过下面的dddd的链接跳转

 

 

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值