您的位置:首页 > Web前端

web前端之HTML学习第二天

2018-11-28 09:16 302 查看

一、超链接的用途及使用方法
HTML使用标签 < a >来设置超文本链接,是可以从一个页面指向另一个目的端的链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

  1. 网页链接 < a href=“网页地址” target="_blank" >网页名称或其他< /a >
  2. 邮箱链接< a href=“邮件地址”>邮件地址< /a >
  3. 网页位置链接< div=“id名称”>
  4. 电话连接
    补充:使用 Target 属性,你可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)。

二:使用样式的三种方式

  1. 引用外部样式文件
    新建一个文件命名为file.css
    div {
    font-family:仿宋;
    }
    引用方法:
    < link rel=“stylesheet” type=“text/css” href=“file.css” />

  2. 写在head里面 style标签内
    div{
    font-size: 字号大小 (50px、100px…)
    font-style: 字体格式
    font-weight: 字体粗细
    颜色属性color: 文本颜色
    }

  3. 写在元素开始标签内,用style属性
    三、同一层层叠的优先级
    1.id的优先级最高
    2.类class其次
    3.tag标签类
    4.浏览器默认最低(不同浏览器默认显示内容不一致)

四、不同引用形式混合在一起
1.style属性 内联为最高层级
2.id等级最高 后定义的会覆盖先定义的
3.后引用的会覆盖先引用的

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: