块状元素与行内元素是CSS学习的基础内容,下面进行详细讲解! 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为块级元素;而span元素的默认display...
分类:
其他好文 时间:
2014-12-22 19:16:56
阅读次数:
194
首先需要明白两个概念:内联元素 , 块元素。 内联元素:也叫做行内元素,可以容纳文字或其他内联元素。内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度,不会进行换行。常见的内联元素:, , , , 等 块元素:可以容纳文本,其他内联元素和块元素。可以设置其高度宽度。排斥与其他元素位...
分类:
Web程序 时间:
2014-12-21 23:20:45
阅读次数:
244
浮动和定位的相关知识,是设计精美网页的必要前提之一。在学习浮动与定位之前,我们先了解一下相关知识“标准流”。
一、标准流
标准流,是指在不适用其他的与排列和定位相关的特殊CSS规则时,各种元素的排列规则。在标准流中,块级元素的盒子都是上下排列,行内元素的盒子都是左右排列的。我们把这些元素分为以下两类:
块级元素(block level):占据着整个矩形区域...
分类:
其他好文 时间:
2014-12-21 19:28:51
阅读次数:
275
块级元素和行内元素是布局最基本的两种元素,常见的块级元素有div,p,form,ul,ol,li等,常见的行内元素有span,strong,em等.
块级元素和行内元素有什么区别呢?
块级元素会独占一行,默认情况下,其宽度自动填满父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在
同一行里,直到一行排不下才会换行,其宽度随元素内容变化而变化.
块级元素可以设置width,he...
分类:
其他好文 时间:
2014-12-12 19:17:50
阅读次数:
249
CSS大小写不敏感选择器优先级如下所示:在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。作为style属性写在元素内的样式id选择器类选择器标签选择器通配符选择器浏览器自定义或继承同一级别同一级别中后写的会覆盖先写的样式规则是多个级别的组合,把选择器中规则对应做加法,比较权...
分类:
Web程序 时间:
2014-12-12 18:46:30
阅读次数:
199
块级元素和行内元素是布局最基本的两种元素,常见的块级元素有div,p,form,ul,ol,li等,常见的行内元素有span,strong,em等.块级元素和行内元素有什么区别呢?块级元素会独占一行,默认情况下,其宽度自动填满父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行...
分类:
其他好文 时间:
2014-12-12 18:39:32
阅读次数:
189
1.当在html页面中需要显示大段文字的时候,可以使用p元素标记每一个段落的边界,需要注意的是,段落是块级元素,只允许包含文本和行内元素。 以下标注的是p中的标准属性 其中dir表示 文字显示顺序(从左至右,从右至左),lang制定用于书写所包含的内容的语言。xml:lang用于xml中语言种类 2...
分类:
Web程序 时间:
2014-12-11 13:42:03
阅读次数:
461
怎么样才会发生在IE6下列表li空白间距的bug,如下:运行123456列表空白间距bug列表空白间距bug列表空白间距bug列表空白间距bug运行1.list-item a{display:block;}DEMO只要将列表li的子元素(子元素是行内元素的情况下,比如a,span)设置成块元素就会在...
分类:
其他好文 时间:
2014-12-10 12:08:03
阅读次数:
130
根据牛老师的讲解,CSS的核心内容大致为四个部分:标准流、盒子模型、浮动和定位。
在学习核心内容之前,先来了解两个基本概念:块级元素和行内元素。
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的display属性默认值为“block”,意思是该标签元素为块级元...
分类:
Web程序 时间:
2014-12-08 09:21:04
阅读次数:
215
一.行内元素和块级元素有哪些?块级元素information on authorlong quotationpush buttontable captiondefinition descriptiondeleted textgeneric language/style containerdefini...
分类:
其他好文 时间:
2014-12-06 22:40:47
阅读次数:
217