元素(element)

类型:替换和非替换元素

替换元素(replaced element):

用来替换元素内容的部分并非由文档内容直接显示.

eg:img input

非替换元素(nonreplaced element):

其内容由用户代理在元素本身生成的框显示.

eg:绝大多数都是非替换元素

基本元素类型:块级(block-level)元素和行内(inline-leve)元素

块级(block-level)元素:

块级元素生成一个元素框,(默认的)他会填充其父元素的内容区,旁边不能有其他元素.

行内(inline-leve)元素:

行内元素在一个文本行内生成元素框,而不会打断这行文本.

display:inline; 转换成行内元素

display:block; 转换成块状元素

CSS 学习路线(一)元素相关推荐

CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...
CSS学习笔记-块状元素-行间元素
1:css样式行间,内嵌,外联就近原则行间样式(标签内部)>内嵌样式(当前文件中)>外联样式(外部文件) 2:头部图标实现 <link rel="shortcut i ...
CSS 学习路线(二)选择器
选择器规则结构: 分两个基本部分选择器(selector)和声明块(declaration block) 组成声明块:由一个或多个声明组成,每一个声明都是属性-值对选择器分为:元素选择器,类选 ...
css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1．高度塌陷举个例子我们看一下. 我们在 ...
初级java开发学习路线_成为初级全栈Web开发人员的10分钟路线图
初级java开发学习路线 So you have started your journey into the world of web development. But what do you lea ...
Java Web学习路线
2016-08-22的早上,本是一个很平静的早上,坐在去往公司的公交车上想到了很多之前上学时的点点滴滴,回想起来还真的是耐人寻味啊,当初青春的懵懂,当初的冲动,当初的做事不考虑后果! 也正是这耐人寻味 ...
2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
java学习_都说Java难学，不知道具体的学习内容？全套Java学习路线送上
首先,我个人比较推崇的学习方法是:先学java前段,也就是HTML,css,js,因为学习java以后肯定是往java ee方向发展的,学习完前端,在学习后端很多东西比计较容易理解! 其中J2SE是关 ...
成都两年JAVA工程师_成都Java工程师学习路线
成都Java工程师学习路线.java分成J2ME(移动应用开发),J2SE(桌面应用开发),J2EE(Web企业级应用),所以java并不是单机版的,只是面向对象语言.建议如果学习java体系的话可以 ...

CSS 学习路线(一)元素

元素(element)

替换元素(replaced element):

非替换元素(nonreplaced element):

CSS 学习路线(一)元素相关推荐

最新文章

热门文章