绝对定位后的居中 margin-left: -125px; 技巧: 在企业开发中推荐使用如下的方式让元素居中 水平居中: left:50%; transform: translateX(-50%); 垂直居中: top:50%; transform: translateY(-50%); .all{ ...
分类:
其他好文 时间:
2019-06-27 23:03:00
阅读次数:
140
1. 浮动引起元素变成行内块元素 display:inline block 效果: div正常宽高 span{width:0;height:200px} i{width:100px;height:50px} 所有元素经过浮动变为行内块元素 span不是块级元素,不支持宽高,浮动后支持宽高,heigh ...
分类:
Web程序 时间:
2019-06-24 15:00:45
阅读次数:
147
一:body里面分为两类标签:块级标签和内联标签。 1、块级标签:<p><h1><table><ol><ul><form><div> 2、内联标签:<a><input><img><sub><sup><textarea><span> 二:块级标签元素的特点 ① 总是在新行上开始; ② 高度,行高以及外 ...
分类:
Web程序 时间:
2019-06-23 20:57:45
阅读次数:
152
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>历史记录</title> <style> *{ margin: 0; padding: 0; } body{ margin-left: 300px; } ul{ ...
分类:
Web程序 时间:
2019-06-23 15:43:30
阅读次数:
117
<!--省市区街--><div class="selectAllArea"> <div class="selectAllChoose"> <dl class="selectssqj select1" style="margin-left: 12px;"> <dt><span class="sheng ...
分类:
Web程序 时间:
2019-06-21 09:41:51
阅读次数:
263
标签显示模式 一)块级元素(block-level) 每个块级元素都会独自占一行或者多行,可以对其设置宽度(默认是容器的100%)、高度及对齐等, 可以容纳内联元素或者其他块元素(p、h1不要包裹其他块级元素)。 典型的又:div、table、ul、p、h1等。 二)内联元素(inline-leve ...
分类:
Web程序 时间:
2019-06-16 21:31:18
阅读次数:
146
一、两列布局: 方法一:采用position:absollute;并设置margin-left的值。 方法二:采用float;并设置overflow:auto;(隐藏溢出的内容) 方法三:使用flex布局的写法 二、三列布局 方法一:与两列布局类似,左右两边设置position:absolute;和 ...
分类:
Web程序 时间:
2019-06-15 09:52:31
阅读次数:
194
#blogTitle h1 { font-size: 150%; font-weight: bold; line-height: 1.5em; margin-left: 1em; margin-top: 10px; width: 50%; float: left; display: none; le... ...
分类:
Web程序 时间:
2019-06-13 15:49:33
阅读次数:
120
标准文档流,又叫普通流,文档流 是什么: 文档流就是html页面 文档流的布局方式:从左到右,从上到下 特点: 拥有块元素,行内元素, margin垂直塌陷,不能移动 文字空白出现折叠现象 文本类的元素会并排 高低不齐 底边对齐 文字排到最右侧,自动换行 html文档中的元素可以分为两大类:行内元素... ...
分类:
其他好文 时间:
2019-06-06 22:53:40
阅读次数:
119
CSS 显示 如何隐藏一个元素(visibility:hidden) 如何不显示元素(display: none) 如何显示一个元素的内联元素 如何显示一个元素的块元素 如何使用表格的collapse属性 CSS定位 元素的相对定位 元素的绝对定位 重叠的元素 设置元素的形状 如何使用滚动条来显示元 ...
分类:
Web程序 时间:
2019-06-03 23:31:26
阅读次数:
190