margin居中
admin 2022-04-25 05:22:33 857浏览
margin的值可以是auto auto表示“自动”的意思,当左外边距与右外边距的值都是auto时,那么这个盒子就会水平居中 注意： ●使用margin来实现水平居中时一定要有固定的宽度（给这个盒子设置一个宽度）只有块元素可以实现水平居中,行内元素是...
CSS 快速掌握
margin塌陷现象
admin 2022-04-25 05:15:05 293浏览
什么是margin的塌陷现象? 1、在标准的文档流中竖直方向的margin值不会叠加它会取较大的值 2、横着方向是没有margin的塌陷现象 3、浮动元素它是没有margin的塌陷现象的 <div class="box"> <div...
margin
admin 2022-04-25 05:07:28 293浏览
margin它表示“外边距”的意思,它是指盒子与盒子之间的距离 margin它也是有4个方向的,所以我们也能够通过4个方向对其进行描述 方法有两种：第一种我们称之为小属性，第二种我们称之为简写属性。 ●小属性： margin-top:上外边距 mar...
padding
admin 2022-04-25 05:04:24 429浏览
padding是“内填充”的意思,指的是盒子中间的内容到边框的这一段距离 padding是有4个方向的,所以我们能够分别的描述这4个方向的padding 方法有两种：第一种我们称之为小属性，第二种我们称之为简写属性 ●小属性： padding-top...
盒子模型
admin 2022-04-25 04:49:54 447浏览
什么是盒子？盒子是用来存储物品. 思考一下：一个盒子是由哪些部分进行组成！“我们可以将一个盒子理解为一个快递的包裹：有内容+有填充物+纸盒子. 那我们如何去理解CSS中的盒子呢？在CSS中一个盒子的组成部分：内容(content)+内填充(paddi...
清除浮动
admin 2022-04-25 04:42:42 471浏览
注意：只要有浮动那么必须有清除浮动 为什么要清除浮动？因为经过浮动了元素,它会影响到它下面的元素的排版布局,还有浮动元素的父元素没有将浮动元素包裹着 只要清除了浮动,不会影响到浮动元素的下面进行排版布局,浮动元素的父元素会将浮动元素从视觉上包裹着 &...
浮动案例之网站导航栏
admin 2022-04-25 04:34:09 334浏览
*通用选择器来去除HTML中所有标签的默认内填充与外边距它就不会影响到我们的排版布局了;默认在CSS代码的第一步：都是清除HTML标签的默认的内填充与外边距 <!DOCTYPE html> <html> <head>...
css浮动
admin 2022-04-25 04:27:15 262浏览
需求： 1.能够实现让多个元素排在同一行，并且给这些元素设置宽度与高度！ 2.让多个元素排在同一行：行内元素的特性; 3.给这元素设置宽高：块级元素的特性; 4.在标准文档流中的元素只有两种：块级元素和行内元素。如果想让一些元素既要有块级元素的特点也...
标准文档流
admin 2022-04-24 11:09:29 323浏览
什么是标准文档流？ 我们制作的HTML网页和PS画图软件画图时有本质上面的区别： HTML网页在制作的时候都得遵循一个“流”的规则：从左至右、从上至下; 使用PS软件画图时我们想在哪里画个东西就可以在哪里画 <!--空白折叠现象1--> ...
css背景样式属性综合案例
admin 2022-04-24 11:04:25 333浏览
<div class="box"> <h2>新闻列表</h2> <ul> <li><a href="#">外交部：中医药抗疫获得越来越多国际认可</a></li...