1、块元素典型代表:div,h1~h6, p,ul,li(ul li列表元素)特点:独占一行,可以设置宽高,嵌套或者包含下,子块元素宽度没有定义时,和父元素宽度默认一致,2、行内元素典型代表:span,a,strong,em,del,ins特点:在一行上显示,不能直接定义宽高3、行内块元素(内联元素 ...
分类:
其他好文 时间:
2018-05-23 02:01:25
阅读次数:
147
本文翻译自 "CSS Tricks" 中关于居中的相关介绍。 1、水平居中 1.1 内联元素的水平居中(如链接或文本) 可以在一个块级别的父元素中水平地居中内联元素,只需: 注:这种写法适用于 inline , inline block , inline table , inline flex 等等 ...
分类:
Web程序 时间:
2018-05-22 18:30:37
阅读次数:
213
垂直居中 1. 已知外部高度: 高度和行高相等(内联) 使用table布局(内联,块级) 2. 任意外部高度: padding top,padding bottom相等 将表格边框合并 通过对table的border collapse和border spacing进行设置 css3动画注意 dom上 ...
分类:
Web程序 时间:
2018-05-21 19:35:09
阅读次数:
211
问题:在设置同级标签时,width属性不起效果,会自动根据包含的内容来变化宽度 原因: 对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 h ...
分类:
Web程序 时间:
2018-05-20 18:22:58
阅读次数:
219
""" Author:Cairo """ # 列表推到式:一种采用简洁的方式来处理序列中的全部或部分元素,并返回结果列表 # 推导式的公式为:[元素(或者计算方法) for循环(允许多个循环)if语句] # 比如我们来创建一个1-100的平方 # print([x ** x for x in ran... ...
分类:
其他好文 时间:
2018-05-19 18:27:00
阅读次数:
147
常用的块级元素: address , center , div , dl ,, form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li 在HTML5的规范中,<header><nav><footer><article> ...
分类:
Web程序 时间:
2018-05-19 17:04:04
阅读次数:
180
简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有漏掉的,还会陆续的补充进来,算做是一个备忘录吧。 1 水平居中 1.1 内联元素水平居中 利用 text-align: center ...
分类:
Web程序 时间:
2018-05-19 12:03:11
阅读次数:
404
题目描述 公司派你去和几位客户面谈,以了解他们对公司产品的意见。你逐个打电话与客户联系,得知他们一般都很忙,不过他们还是可以为你抽出一点时间。现在的问题是有些客户的时间有冲突,你无法在一天内联系所有客户。所以你需要一个程序来帮助你安排这一天的工作,使得你能尽可能地和更多的客户进行联系。注意,客户不愿 ...
分类:
其他好文 时间:
2018-05-16 00:46:03
阅读次数:
353
1、块级元素 行级元素?块级(block)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度;④它可以容纳内联元素和其他块元素。内联(inline)元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是 ...
分类:
Web程序 时间:
2018-05-15 16:04:05
阅读次数:
272