2022年04月的文章

margin居中
CSS 快速掌握

margin居中

admin 2022-04-25 05:22:33 697浏览

margin的值可以是auto auto表示“自动”的意思,当左外边距与右外边距的值都是auto时,那么这个盒子就会水平居中 注意: ●使用margin来实现水平居中时一定要有固定的宽度(给这个盒子设置一个宽度)只有块元素可以实现水平居中,行内元素是...

margin塌陷现象
CSS 快速掌握

margin塌陷现象

admin 2022-04-25 05:15:05 252浏览

什么是margin的塌陷现象? 1、在标准的文档流中竖直方向的margin值不会叠加它会取较大的值 2、横着方向是没有margin的塌陷现象 3、浮动元素它是没有margin的塌陷现象的 <div class="box"> <div...

margin
CSS 快速掌握

margin

admin 2022-04-25 05:07:28 248浏览

margin它表示“外边距”的意思,它是指盒子与盒子之间的距离 margin它也是有4个方向的,所以我们也能够通过4个方向对其进行描述 方法有两种:第一种我们称之为小属性,第二种我们称之为简写属性。 ●小属性: margin-top:上外边距 mar...

padding
CSS 快速掌握

padding

admin 2022-04-25 05:04:24 353浏览

padding是“内填充”的意思,指的是盒子中间的内容到边框的这一段距离 padding是有4个方向的,所以我们能够分别的描述这4个方向的padding 方法有两种:第一种我们称之为小属性,第二种我们称之为简写属性 ●小属性: padding-top...

盒子模型
CSS 快速掌握

盒子模型

admin 2022-04-25 04:49:54 379浏览

什么是盒子?盒子是用来存储物品. 思考一下:一个盒子是由哪些部分进行组成!“我们可以将一个盒子理解为一个快递的包裹:有内容+有填充物+纸盒子. 那我们如何去理解CSS中的盒子呢?在CSS中一个盒子的组成部分:内容(content)+内填充(paddi...

清除浮动
CSS 快速掌握

清除浮动

admin 2022-04-25 04:42:42 408浏览

注意:只要有浮动那么必须有清除浮动 为什么要清除浮动?因为经过浮动了元素,它会影响到它下面的元素的排版布局,还有浮动元素的父元素没有将浮动元素包裹着 只要清除了浮动,不会影响到浮动元素的下面进行排版布局,浮动元素的父元素会将浮动元素从视觉上包裹着 &...

浮动案例之网站导航栏
CSS 快速掌握

浮动案例之网站导航栏

admin 2022-04-25 04:34:09 284浏览

*通用选择器来去除HTML中所有标签的默认内填充与外边距它就不会影响到我们的排版布局了;默认在CSS代码的第一步:都是清除HTML标签的默认的内填充与外边距 <!DOCTYPE html> <html> <head>...

css浮动
CSS 快速掌握

css浮动

admin 2022-04-25 04:27:15 212浏览

需求: 1.能够实现让多个元素排在同一行,并且给这些元素设置宽度与高度! 2.让多个元素排在同一行:行内元素的特性; 3.给这元素设置宽高:块级元素的特性; 4.在标准文档流中的元素只有两种:块级元素和行内元素。如果想让一些元素既要有块级元素的特点也...

标准文档流
CSS 快速掌握

标准文档流

admin 2022-04-24 11:09:29 259浏览

什么是标准文档流? 我们制作的HTML网页和PS画图软件画图时有本质上面的区别: HTML网页在制作的时候都得遵循一个“流”的规则:从左至右、从上至下; 使用PS软件画图时我们想在哪里画个东西就可以在哪里画 <!--空白折叠现象1--> ...