摘要: <input type="number" name="number"/> HTML5 TYPE新增的属性有:color、date、datetime、datetime-local 、month、week、time 、email、number、range、search、tel、url, <input t 阅读全文
posted @ 2019-04-13 17:39 最好的安排 阅读(357) 评论(0) 推荐(0) 编辑
摘要: A:HTML5 不基于 SGML,所以不需要引用 DTD; B: HTML 4.01 基于 SGML,而HTML5不基于SGML; DTD可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档的结构,它规定了标记语言的规则,这样浏览器才能正确地呈现内容。 <!DOCTYPE >声明要在ht 阅读全文
posted @ 2019-04-10 17:34 最好的安排 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 在内容中 一行内容包括三张图片,每张图片下面有标题和具体介绍,那么可以使用: 分析和解决如下步骤: 1,一行三块,先向左浮动成为一行float:left。 2,把他们的宽度平分三份,33.3%。三份都一样,所以共同属性写在comment中。 3,再调整他们的内边框,外边框等等。调整好外面一层,再写里 阅读全文
posted @ 2019-04-08 10:02 最好的安排 阅读(851) 评论(0) 推荐(0) 编辑
摘要: 网页开发顺序是: 以下是HTML5布局实例: 在写CSS时,最好都不要使用 id 设置,因为id的权重为100,通配符 * 的权重为0,class的权重为 10 ,* > class > id 这样比较顺。 因为,把 id 留着给使用 javascript 调用的时候使用比较适合。 <!DOCTYP 阅读全文
posted @ 2019-04-07 10:28 最好的安排 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 1,全部都是占满行。 2,使用百分比定义宽度,width:100%; 或者max-width:1200px; min-width:800px; 3,块级元素添加margin:0 auto; 左右自适应宽度居中。 4, height=line-height; text-align:center; 块级 阅读全文
posted @ 2019-04-06 12:34 最好的安排 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 自然顺序,盒子模型 .block:nth-child(1){ //第一个类名为.clock 的标签添加样式。 position: static; //static,会直接忽略所有的偏移量关键字,如下面的top,left,bottom,right,z-index。 top: 20px; left: 2 阅读全文
posted @ 2019-04-05 14:33 最好的安排 阅读(306) 评论(0) 推荐(0) 编辑
摘要: inherit兼容性:Internet Explorer6-11版本都不支持属性值 "inherit"。不支持background-attachment:scroll 或者 fixed 背景为图片时,是否随滚动条滚动。 float浮动兼容性:方法一:在浮动元素后面添加一个空的<div class=" 阅读全文
posted @ 2019-04-05 10:06 最好的安排 阅读(389) 评论(0) 推荐(0) 编辑
摘要: loat有四个属性,分别是: float:none; 没有浮动; float:left; 左浮动; float:right; 右浮动; float:inherit;继承父元素的浮动; 使用浮动:会脱离文档流,出现高度塌陷,浮动溢出的情况。 <style> .container{ //父元素宽高自适应 阅读全文
posted @ 2019-04-04 21:20 最好的安排 阅读(321) 评论(0) 推荐(0) 编辑
摘要: div{ background: red; width: 300px; height: 300px; border: 20px dashed; ///这里不设置颜色,默认颜色为背景色。即:background-color:transparent;(全透明黑色的速记法)。 } <div>背景包括边框和 阅读全文
posted @ 2019-04-03 18:40 最好的安排 阅读(306) 评论(0) 推荐(0) 编辑
摘要: IE6以下版本不支持:max-width 和 min-width两个值。 <style type="text/css"> p{width:500px;} #one{max-width:400px; min-width:200px;} #two{max-width:800px; min-width:6 阅读全文
posted @ 2019-04-02 17:28 最好的安排 阅读(344) 评论(0) 推荐(0) 编辑

Knowledge is infinite