美文网首页
HTML5学习笔记 - 第06天

HTML5学习笔记 - 第06天

作者: 迷茫o | 来源:发表于2017-01-16 20:58 被阅读0次

1.什么是块级元素,什么是行内元素
块级元素会独占一行
块级 元素 p div h ul ol dl li dt dd
行内元素 span strong em del

2.块级元素和行内元素的区别?

2.1块级元素
独占一行
如果没有设置宽度,那么默认和父元素一样宽
如果设置了宽高,那么久按照设置的来显示

2.2
不会独占一行
如果没有设置宽度,那么默认和内容一样宽
行内元素是不可以设置宽度和高度的

2.3行内块级元素
disolay: inline-block
img input
为了能够让元素既能够不独占一行,又可以设置宽度和高度,那么就出现了行内块级元素

杂项

display: none隐藏

nth-child(n)伪类选择器,作用: 选择器匹配属于父元素的特定类型的第N个子元素的每个元素。n表示数字。

1.position 定位属性,检索对象的定位方式;语法: position: static

相关文章

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之音视频标签

    HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记...

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • HTML5存储

    HTML5学习笔记 Web存储 HTML5 web存储,一个比cookie更好的本地存储方式。 什么是html5 ...

  • 2021-12-20

    HTML5学习笔记 input标签 新增placeholder calendar日历类 contenteditab...

  • HTML5学习笔记 - 第03天

    在CSS属性中,字体和大小,子元素可以继承父元素,但颜色不能 CSS核心属性 一.CSS属性组成和作用 1.每个c...

  • HTML5学习笔记 - 第01天

    1.浏览器的作用: 1.将网页渲染出来给用户查看。 2.能够让用户通过浏览器和网页交互 2.服务器: 可以理解为超...

  • HTML5学习笔记 - 第02天

    一.CSS css(汉译层叠样式表)WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,...

网友评论

      本文标题:HTML5学习笔记 - 第06天

      本文链接:https://www.haomeiwen.com/subject/vebpbttx.html