资讯专栏INFORMATION COLUMN

html常用小知识

Simon / 1760人阅读

摘要:用来设置元素的隐藏和显示的状态。当元素的高度或者宽度为此时指定内边距不会影响可见框的大小。在文档流中,内联元素的宽度和高度默认都被内容撑开。内联元素脱离文档流之后,会变为块级元素。

请求重定向:加载页面之后,除了用js做重定向之外,我们还可以直接用标签做重定向。

 1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> 5秒后跳转 

 

超链接:在当前的iframe中打开新的页面

1 <a href="demo03.html" target="_blank">我是一个超链接a>
2 
3 <iframe src="demo02.html" name="tom">iframe>

 

超链接发送邮件:

 1 <a href="mailto:abc@atguigu.com">联系我们a> 

 

css中字体大致分为五类:

  1. serif(衬线字体)
  2. sans-serif(非衬线字体)
  3. monospace(等宽字体)
  4. cursive (草书字体)
  5. fantasy(虚幻字体)

 

text-decoration 属性,用来给文本添加各个修饰。通过它可以为文本的
上方 下方 或者中间添加线条。

-underline 下划线

-overline 上划线

-line-through 删除线

-none 无样式


letter-spacing 用来设置字符之间的间距。

word-spacing 用来设置单词之间的间距。

 

border:  

none 默认值,没有边框

solid 实线

dotted 点状边框

dashed 虚线


double 双线

垂直外边距的重叠

在网页中垂直方向的相邻外边距会发生外边距的重叠

所谓的外边距重叠指兄弟元素之间的相邻外边距会取最大值,

而不是取和


超链接:

 将一个内联元素变为块级元素


 display:block; 块

 display:inline; 内联元素




 display:inline-block;将一个元素转换为行内块元素


 既有行内元素特点  又有块元素特定


display:none; 子元素不会被显示  并且不会再页面占有位置。

visibility: 用来设置元素的隐藏和显示的状态。

        visible  默认值,显示

        hidden  元素隐藏不会显示

但是位置会依然占据位置。






overflow  
    
        visible  默认值,子元素溢出

        hidden  溢出的内容会被修剪,不会保存

        scroll  为父元素添加滚动条。该属性无论是否溢出,都会有滚动条

        auto  根据需求添加滚动条。



当元素的高度或者宽度为auto.此时指定内边距不会影响可见
框的大小。而是会自动修改宽度和高度,以适应内边距


块元素在文档流中的高度默认被内容撑开。


在文档流中,内联元素的宽度和高度默认都被内容撑开。


浮动的文字不会盖住文字。 文字会自动环绕在元素的周围。

内联元素脱离文档流之后,会变为块级元素。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1806.html

相关文章

  • 保姆级教程HTML两万字笔记大总结【建议收藏】(上篇)

    摘要:标签不区分大小写,但推荐小写。标签可以嵌套,但不能交叉嵌套。标签也称为元素。比如行内标签亦可成行内元素。 ❤️HTML必备知识详解❤️ 第一部分:HTML框架简介...

    paulli3 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 关于网页的一些知识

    摘要:元数据是关于数据的信息。标签提供关于文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。 Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....

    CarterLi 评论0 收藏0
  • 关于网页的一些知识

    摘要:元数据是关于数据的信息。标签提供关于文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。 Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....

    galois 评论0 收藏0
  • 坚持:学习Java后台的第一阶段,我学习了那些知识

    摘要:最近的计划是业余时间学习后台方面的知识,发现学习的过程中,要学的东西真多啊,让我一下子感觉很遥远。为了快速进入后台的开发,我也要加快脚步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的计划是业余时间学习Java后台方面的知识,发现学习的过程中,要学的东西真多啊,让我一下子感觉...

    LiangJ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<