列表 ul:有序列表 ol:无序列表(oreder list) 以上两个列表的子元素,只能是li(块级元素) dl>dt , dd (自动缩进) 列表 ul:有序列表 ol:无序列表(oreder list) 以上两个列表的子元素,只能是li(块级元素) dl>dt , dd (自动缩进) <dl> ...
分类:
Web程序 时间:
2018-08-26 23:39:30
阅读次数:
300
一、文本样式: 1. text-index:缩进文本 ,用于段落首行缩进。 取值:text-index:2em(父级元素的2倍);10%(父级宽度的百分之10;10px; 只能用于块级元素,无法用于行内元素、图像元素。如果一个块级元素首行有一个图像,它会随文本移动。 使用负值,可实现“悬挂缩进”。 ...
分类:
Web程序 时间:
2018-08-26 21:16:15
阅读次数:
441
1.什么是div div是html一个普通标签,进行区域划分。特性:独自占一行,独自不能事项复杂的效果。必须结合css样式进行渲染。 div通常其实块级元素。 <div>ke dingyi 文档中分区或节. <div>标签可以把文档分割为独立的不同的部分,他可以用作严格的组织工具,并且不使用任何格式 ...
分类:
Web程序 时间:
2018-08-26 16:40:01
阅读次数:
143
以前总是被垂直居中的方法所困扰,今天来总结一下垂直居中的方法,增强记忆 div等块级元素居中 第一种方法,利用绝对定位居中(相对于父容器),就是要居中的元素相对父容器做一个绝对定位,要求块级元素的高度和宽度确定(水平居中则要求宽度确定),然后设置上下左右数值都为零,再设置外边距为自动就可以了,代码如 ...
分类:
Web程序 时间:
2018-08-20 14:36:01
阅读次数:
222
1.华为mate8对flex属性兼容性问题。 原因: 华为mate8只支持 -webkit-box -webkit-box 盒子里的元素必须是块级元素(inline-block也是不行的) 子元素不支持 flex 属性,但是支持 box 相关的 -webkit-box-flex 属性 解决:disp ...
分类:
其他好文 时间:
2018-08-20 14:29:19
阅读次数:
157
div-float-clear div 块级元素 默认自上而下排列,也称div的标准流。 红色div1,黄色div2,蓝色div3 float 漂浮,浮动。可以理解为漂浮在div标准流之上,就像photoshop中的图层一样,浮动是另外的一层。 将div2 设置float:left; 可以发现,di ...
分类:
其他好文 时间:
2018-08-19 18:28:04
阅读次数:
123
标准文档流 普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,块级元素会独占一行,行内元素会按顺序依次前后排列;按照这种大前提的布局之下绝对不会出现例外的情况叫做普通流布局 浮动float 属性值有left,right,none 什么是浮动? 元素的浮动是指设置了浮动属性的元素 ...
分类:
Web程序 时间:
2018-08-19 14:51:03
阅读次数:
161
元素分类 在CSS中,html中的标签元素大体分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 块状元素 <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 特点 每个块级元素都 ...
分类:
Web程序 时间:
2018-08-19 12:54:43
阅读次数:
523
块级元素特点: 1. 总是从新行开始 1. 高度、行高、外边距以及内边距都可以控制 1. 宽度默认是容器的100% 1. 可以容纳内联元素和其他块元素 行内元素特点: 1. 和相邻行内元素在一行上 1. 高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效 1. 默认宽度就是 ...
分类:
其他好文 时间:
2018-08-18 19:42:25
阅读次数:
146
上篇文章讲的是行级元素与块级元素,明明说了行级元素不可设置width,height属性,而为何img、input等行级元素可以设置宽、高??? 看官莫急,下面我会详细解答。 可替换元素 1. 替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如浏览器会根据<img>标签的src属性 ...
分类:
其他好文 时间:
2018-08-17 22:25:14
阅读次数:
258