一、标准文档流 宏观的将,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而设计软件 ,想往哪里画东西,就去哪里画 标准文档流下 有一些现象,比如空白折叠现象、高矮不齐底边对齐现象等 标准文档流等级森严,标签分为两种等级: - 行内元素 - ...
分类:
Web程序 时间:
2019-11-30 14:07:01
阅读次数:
135
2018面试题总结 现将我整理的一些前端笔试题分享一下,希望对大家有所帮助。 html中常见行内元素和块级元素有哪些?行内元素:a,b,strong,span,img,label,button,input,select,textarea块级元素:header,footer,form,ul,ol,ta ...
分类:
其他好文 时间:
2019-11-27 12:05:14
阅读次数:
79
本节学习目标: 图片、表单和旁边的文字对齐 解决图片底部默认空白缝隙问题 1.图片、表单和旁边的文字对齐 默认的图片、表单等行内元素或行内快元素是和文字的基线对齐的,但在实际情况下,我们想让他们中间对齐或底部对齐,这时我们可以设置vertical-align属性 vertical: top|midd ...
分类:
其他好文 时间:
2019-11-24 21:05:39
阅读次数:
64
注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 1.指定flex布局: .box{ display: flex; }行内元素.box{display: inline-flex;} 2.容器的属性: flex-direction:该属性决定主轴 ...
分类:
其他好文 时间:
2019-11-19 13:43:37
阅读次数:
56
1.块级元素和行内元素和行内块元素的区别 块级元素:独占一行的,可以设置宽高和内外边距的(<div>/<h1>~<h6>/<p>/<ul>/<table>) 行内元素:不独占一行,不可以设置宽高,其大小仅仅被动的依赖于自身内容的大小 行内块元素:不独占一行,和相邻的行内元素在同一行,有间隔,可以设置 ...
分类:
Web程序 时间:
2019-11-18 20:33:01
阅读次数:
78
html平时常见的块元素有:div,p,h1,h2,h3等,内联元素有:span,a,img等。块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。一般情况下,只使用块元素包含内联元
分类:
Web程序 时间:
2019-11-17 12:52:04
阅读次数:
80
简介 可以使元素定位到相对于父元素或另一个元素甚至浏览器窗口本身的位置。 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素会单独占用一行。而span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 定位分类 1.普通流 html默认的文档流,从上 ...
分类:
Web程序 时间:
2019-11-16 23:32:53
阅读次数:
95
flex布局绝对是我们平常在布局中用的最多的一个属性,我们来看看它在can i use中的浏览器支持度:(截止到2019/11/16) 挖藕,凹森!支持度居然这么好,好到连ie也能支持大部分的flex布局的属性,那接下来我们就看看它的三大招式吧。 基本概念 任何一个元素,无论块级元素还是行内元素,都 ...
分类:
其他好文 时间:
2019-11-16 21:44:25
阅读次数:
81
水平居中和垂直居中 2019-11-12 15:35:37 by冲冲 1、水平居中 (1)父级元素是行内元素,子级元素是行内元素,子级元素水平居中 ① 设置父级元素为块级元素 display:block; ② 给父级元素添加 text-aglin:center; 1 <!DOCTYPE html> ...
分类:
Web程序 时间:
2019-11-12 20:33:33
阅读次数:
131
> 表示大于号%lt; 表示小于号 表示一个空格<br /> 表示换行<P> </P> 表示正文段落<div> </div> 块元素,表示一块内容,没有具体的语义,可以嵌套<span> 行内元素,表示一行钟的一小段内容,没有具体语义 含样式和语义的标签:1.<em> </em>表示 ...
分类:
Web程序 时间:
2019-11-10 13:31:46
阅读次数:
84