后台管理页面布局fixed<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>body{margin:0;}.left{float:left;}.right{float:right;}.pg-heade
分类:
其他好文 时间:
2019-10-25 23:36:34
阅读次数:
97
在同一个DIV下有一个块元素与一个文字标签,要求无论鼠标指向哪个元素另外一个元素也会被激活。可以利用最外层的div元素来选择下面的两个子元素,鼠标指向最外层的div时候触发激活效果。 ...
分类:
其他好文 时间:
2019-10-22 00:39:43
阅读次数:
153
BFC(块级格式化上下文) BFC(Block formatting context) 直译为"块级格式化上下文"。 元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。 那些元素会具有BFC的条件 不是所有的元素模式 ...
分类:
Web程序 时间:
2019-10-21 17:43:53
阅读次数:
122
与margin-left实现居中不同的是,margin-left必须知道自身的宽高,而translate可以在不知道宽高的情况下进行居中,tranlate()函数中的百分比是相对于自身宽高的百分比,所以能进行居中。 ...
分类:
Web程序 时间:
2019-10-19 13:05:11
阅读次数:
441
CSS的定位机制 1.普通流(标准流) 默认状态,元素自动从左往右,从上往下排列 块元素的特征: 独占一行 可以设置宽高 如果不设置宽度,宽度默认为容器的100% 常见的块元素:div p h1-h6 ul ol li dl dt d 行内元素的特征: 与其他元素同行显示 不可以设置宽和高 宽和高就 ...
分类:
Web程序 时间:
2019-10-18 12:47:10
阅读次数:
153
块级元素(block level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 霸道 块级元素的特点: (1)总是从新行开始 (2)高度,行高、外边距以及内边距都可以控制。 (3)宽度默认是容器的100% (4)可以容纳内联元素和其 ...
分类:
其他好文 时间:
2019-10-16 21:33:53
阅读次数:
73
未知子元素宽高 出处 :https://www.cnblogs.com/Youngly/p/6796922.html ...
分类:
其他好文 时间:
2019-10-14 14:45:47
阅读次数:
80
一、盒子模型练习 我们有个需求: 创建两个盒子,大盒子嵌套一个小盒子,大盒子是红色的,小盒子是蓝色的,并且小盒子在大盒子中是居中的。 注意点: (1) 注意点:如果两个盒子是嵌套关系,设置里面的盒子的外边距的话,外面的 盒子也会顶下来 ,即:仅有属性: margin-left:100px; marg ...
分类:
Web程序 时间:
2019-10-14 01:36:24
阅读次数:
121
1.css3盒模型: ①margin外边距: Margin-top,Margin-right,Margin-bottom,Margin-left ②Border边框: Border-width Border-style:solid实线边框,dotted点状边框,double双线边框 Border-c ...
分类:
Web程序 时间:
2019-10-11 12:39:17
阅读次数:
93
(1)margin:auto法 定位为上下左右为0,margin:0可以实现脱离文档流的居中。 (2)margin负值法 补充:其实这里也可以将margin-top和margin-left负值替换成: ransform:translateX(-50%)和transform:translateY(-5 ...
分类:
其他好文 时间:
2019-10-06 17:04:20
阅读次数:
85