margin 外边距 padding内边距 定位: 绝对定位和相对定位,相对定位一句父容器的绝对定位的容器 设置父容器:position:resluit 子容器position:absult inile-block 行内块元素,block块元素,块元素会占一行 border边框 border-de. ...
分类:
Web程序 时间:
2019-09-12 09:54:09
阅读次数:
124
1.浮动的特点 1.浮动的元素不占用标准流的位置 2.浮动特性会让行内元素和块级元素都变成行内块元素,具有行内块的特性. 行内块的特点:宽高起作用,可以一行显示多个,margin,padding四面都有效 3.如果父盒子中有子盒子的话,一般的用法就是,让子盒子,要浮动都浮动,要不浮动都不浮动。 4. ...
分类:
Web程序 时间:
2019-09-01 10:22:46
阅读次数:
93
伪类: 伪元素使用: 属性选择器: 子元素选择器: 兄弟标签: 否定伪类选择器: css 优先级: 字体文本设置: 盒子模型: 内联元素和块元素的相互转换: 文档流: 浮动: 高度塌陷问题: ...
分类:
Web程序 时间:
2019-08-31 01:01:01
阅读次数:
99
需求:一块宽高固定的区域,采用九宫格展示信息,要求有边框1px的细边框 方法一、采用margin-left:-1px;和margin-top:-1px; - 用一个边框覆盖另一个边框,形成1px的边框 方法二、采用伪元素+定位,不占位 如果有更好的办法,欢迎留言 ...
分类:
其他好文 时间:
2019-08-29 00:04:43
阅读次数:
94
一、 HTML标签一般分为块级标签和行内两张标签,他们也称块元素和行内元素。 1、块级元素(block-level) 没个块级元素都会独自占一行或多行,可以对其设置宽度、宽度、对其等熟悉,常用于网页布局和网页搭建。 #常见的块元素有<h1>~<h6><div><p><ol><ul><li>等,其中< ...
分类:
其他好文 时间:
2019-08-26 23:00:52
阅读次数:
82
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> <!-- 1.div标签块元素,表示一块内容,没有具体的语义 2.span标签行内元素,表示一行中的一小段内容,没有具体的语义 ...
分类:
Web程序 时间:
2019-08-25 19:51:51
阅读次数:
109
垂直居中的几种方法 html结构 css 1. 使用flex布局 在父容器中设置 2. 绝对定位 分为已知宽高和未知宽高两种情况 已知宽高都是100px,设置自身为绝对定位(absolute),top和left为50%,margin left、margin top为自身的一半,也就是50px 未知宽 ...
分类:
Web程序 时间:
2019-08-20 22:25:48
阅读次数:
127
一、浮动定位实现的效果 二、使用float实现浮动定位 三、使用clear属性清除浮动定位 四、浮动定位的应用(布局) 一、浮动定位实现的效果 (一)、块元素(div)在文档流中默认垂直排列,如果希望块元素在页面中水平排列,可以使块元素脱离文档流(使用float使元素浮动) 元素浮动脱离文档流之后, ...
分类:
Web程序 时间:
2019-08-20 20:36:27
阅读次数:
137
1.首先下载小程序开发工具 2.小程序中的wxml就相当于html , wxss就相当于css 3.布局和html布局几乎一样 4.宽度使用百分比 5.input框里的文字上下居中是用padding撑出来的 6.最下面的文字靠右,view相当于一个块元素,设定宽度后,text-align右对齐 简单 ...
分类:
微信 时间:
2019-08-17 09:16:53
阅读次数:
158
1.预备知识: 横向格式化属性 横向格式化属性有7个,分别是width,margin-left,margin-right,padding-left,padding-right,border-left,border-right 且这七个格式化属性的值的和必须等于该元素容纳块的宽度(在常规流中,容纳块就 ...
分类:
Web程序 时间:
2019-08-17 09:14:49
阅读次数:
118