CSS权威指南阅读笔记第一章01

简介: 元素是文档结构的根基

元素

元素是文档结构的根基。在Html中常见的元素有p、div、span等;

对于CSS来说,元素通常有两种形式:置换元素和非置换元素

置换元素

置换元素是指用来置换元素内容的部分不由文档内容直接表示。如:img,只包含元素名和属性,不包含内容。input元素也是;

非置换元素

HTML元素大部分是非置换元素,即元素的内容在元素自身生成的框中显示,如<span>这个是内容</span>

CSS根据元素的显示方式分成块级元素和行内元素,也有其他显示类型,不够这两种最为常见;

块级元素

块级元素默认生成一个填满父级元素内容区域的框,旁边不能有其他元素。最常见的元素有p和div

行内元素

行内元素在一行文本内生成元素框,不打断所在的行;最常见的元素是a、strong和em; 这类元素不换行,因此可以出现在另一个元素的内容中,且不影响所在的元素;

一般情况下,HTML层级结构要求,行内元素可以放到块级元素中,反之不行;但是在CSS中没有这个限制,通过设置display属性可以改变元素的显示方式;

相关文章
|
4月前
|
前端开发 JavaScript 开发者
理解CSS | 青训营笔记(3)
理解CSS | 青训营笔记(3)
39 0
|
4月前
|
机器学习/深度学习 编解码 前端开发
理解CSS | 青训营笔记(2)
理解CSS | 青训营笔记
38 0
|
4月前
|
前端开发 容器
理解CSS | 青训营笔记(1)
理解CSS | 青训营笔记
54 0
|
7月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
92 2
|
7月前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
71 1
|
7月前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
114 1
|
7月前
|
前端开发 JavaScript 容器
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
57 1
|
7月前
|
前端开发 JavaScript UED
CSS3选择器详解 前端开发入门笔记(六)
CSS3选择器详解 前端开发入门笔记(六)
88 1
|
7月前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
67 1
|
7月前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
44 0