1.使用通配符 *{margin:0;padding:0;} li{list-style:none;} img{vertical-align:top;border:none} 2.也可以使用全部标签的方法 body,h1,h2,h3,h4,h5,h6,hr,p,th,td,......{ margi ...
分类:
Web程序 时间:
2018-12-12 23:52:48
阅读次数:
310
Font 系列 text系列 color line-height 四个值的顺序是 左上 右上 右下 左下。 宽高必须是0 Margin是 外边距,属性值是数字 数字又分正负。 正数:margin:20px; 负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margi ...
分类:
其他好文 时间:
2018-10-09 19:57:04
阅读次数:
139
Font 系列 text系列 color line-height 四个值的顺序是 左上 右上 右下 左下。 宽高必须是0 Margin是 外边距,属性值是数字 数字又分正负。 正数:margin:20px; 负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margi ...
分类:
其他好文 时间:
2018-09-29 21:33:13
阅读次数:
128
一丶盒模型的属性(重要) 1.padding padding是标准文档流,父子之间调整位置 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>padding</title> <style> *{ padding: 0; margi ...
分类:
其他好文 时间:
2018-09-19 21:54:44
阅读次数:
170
盒模型 1.属性:width :内容的宽度 书写内容的宽度 height:内容的高度 书写内容的宽度 padding:内边框 内容到边框的距离 可以有 background-color border:边框 可以显示颜色 就是比作一个门框 border: 10px solid green; margi ...
分类:
Web程序 时间:
2018-09-18 18:59:38
阅读次数:
207
1. 基本效果 参数详解 2. 滑动效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滚动播放</title> <style> body { background:#ccc; } #box { margi ...
分类:
Web程序 时间:
2018-08-25 20:01:05
阅读次数:
220
一、脱离文档流元素的居中 方法一:margin:auto法 方法二:负margin法 父元素设置为:position: relative; 子元素设置为:position: absolute; 距上50%,据左50%,然后减去元素自身宽度的距离就可以实现 top:50%;left:50%;margi ...
分类:
其他好文 时间:
2018-08-03 14:42:09
阅读次数:
182
css代码: .d1 { /*大的div样式*/ width: 443px; height: auto; overflow: hidden; border: #666666 2px solid; background-color: #000000; position: relative; margi ...
分类:
Web程序 时间:
2018-07-29 21:18:01
阅读次数:
203
BFC:即块级格式化上下文 一、BFC的特点: 内部的Box会在垂直方向,从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加(css外边距合并 http://www.w3school.com.cn/css/css_margi ...
分类:
其他好文 时间:
2018-07-01 15:54:07
阅读次数:
137
display 1.控制HTML元素的显示和隐藏 2.块级元素与行内元素的转换。 block(块级) 默认占满整个页面宽度,如果设置了指定宽度,则会用margin填充剩下的部分。 inline(行内) 行内元素 只要设置了display: inline,那么元素的width、height、margi ...
分类:
其他好文 时间:
2018-06-30 10:56:10
阅读次数:
164