HTML5学习笔记 - 第06天

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,675评论 32 459
  • CSS学习感言: CSS明显比HTML复杂一些,用的时间也多,而且也还有许多迷惑的地方,特别是关于定位和浮动,理解...
    雨夜月风阅读 467评论 0 1
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,917评论 0 6
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,685评论 0 30