先来介绍一下元素:块元素和行元素 块级元素:div,p,form,ul,li,ol,dl,address,fieldset,hr,menu,table. 行内元素:span,strong,em,img,input,label,select,textarea,cite. 区别: 1)块级元素会独占一行 ...
分类:
其他好文 时间:
2016-06-19 21:22:21
阅读次数:
186
浮动
CSS允许浮动任何元素。
浮动元素
首先,会以某种方式将浮动元素从文档的正常流中删除,不过它还是会影响布局。一个元素浮动时,其他内容会“环绕”该元素。
浮动元素的外边距不会与其他元素的外边距合并。
浮动的详细内幕
包含块,浮动元素的包含块是其最近的块级祖先元素。
浮动元素会生成一个块级框,不论元素本身是什么。它会像块级元素一样摆放和表现。对浮动元素声明 display:...
分类:
Web程序 时间:
2016-06-19 00:05:12
阅读次数:
306
margin:auto 居中 input type=text 输入框 list-style:none 列表取消原点(导航用、导航用) text-indent:_px 首行缩进,一定要加“批叉” 新知识:work-wrap:break-word 自动换行~~~啦啦啦 p是块级元素 span和input ...
分类:
其他好文 时间:
2016-06-18 23:54:14
阅读次数:
211
、、...、、、、、、 、 常用的内联元素有: 、、、、、、、、、、 常用的内联块状元素有: 、 2,元素分类--块级元素 设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点 ...
分类:
Web程序 时间:
2016-06-17 19:05:30
阅读次数:
182
块级元素:div, p(段落), form(表单), ul(无序列表), li(列表项), ol(有序列表), dl(定义列表), hr(水平分割线), menu(菜单列表), table(表格)... 特点:1、块级元素会独占一行,其宽度自动填满其父元素宽度。 2、可以设置width,height ...
分类:
Web程序 时间:
2016-06-17 17:09:14
阅读次数:
195
一直以为P标签只是个自带上下外边距的块元素,最近在项目里利用其自带外边距就嵌套了个div包裹的按钮兰到里面。在测试时发现这个P标签被解析成了2套P标签,工具栏被插在2组P标签中间属于同级了。 后经过查询发现,原来P元素是不能包含块级元素(包括P自身)的.The P element represent ...
分类:
其他好文 时间:
2016-06-17 09:40:56
阅读次数:
249
HTML: result: 总结:从效果图可以看到,除了要在块级元素加text-align:justify样式外,还需要在里面加一个空的span元素,并应用样式。另外,对于中文还必须用空格隔开汉字,否则也没有两端对齐的效果。英文每个单词都有空格隔开,所以没问题。 ...
分类:
Web程序 时间:
2016-06-16 20:09:13
阅读次数:
156
标准文档流 标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时,各种元素的排列规则。是CSS默认的排列方式。 HTML文档中的元素可以分为两大类:行内元素和块级元素。 行内元素(内联元素 inline element) 1.类似于文本的显示方式,逐行显示。 2.不支持宽和高,其宽度随着内容 ...
分类:
Web程序 时间:
2016-06-15 23:37:30
阅读次数:
284
1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签: address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、 ...
分类:
Web程序 时间:
2016-06-15 09:18:29
阅读次数:
187
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。 Line-H ...
分类:
其他好文 时间:
2016-06-13 23:21:21
阅读次数:
166