一,标准流(默认状态,元素盒按照文档中出现的顺序排列) 块级元素--垂直排版 display:block; 单独一行,可以设置宽高,宽度默认和父元素宽度一致 一般结构性标记都为块级元素,如div,h,p,ul等 行内元素--水平排版 display:inline-block; 与其他元素并排一行,不 ...
分类:
Web程序 时间:
2018-03-08 02:42:08
阅读次数:
222
一、文本样式 首行缩进 text-indent 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果。一般地,中文写作时开头空两格。[注意]该属性可以为负值;应用于: 块级元素(包括block和inline-block) 字间隔 word-spacing 字间隔是指单词间距,用来设置文字或单词之间 ...
分类:
Web程序 时间:
2018-03-02 22:06:25
阅读次数:
214
一、水平居中: (1). 行内元素的水平居中? 如果被设置元素为文本、图片等行内元素时,在父元素中设置text-align:center实现行内元素水平居中,将子元素的display设置为inline-block,使子元素变成行内元素 (2)块状元素的水平居中(定宽) 当被设置元素为定宽块级元素时用 ...
分类:
Web程序 时间:
2018-03-01 23:37:13
阅读次数:
298
前两天刚写完如何水平居中一个元素,今天把垂直的情况补上。 相比于水平居中,垂直居中的情况就少多了。 1、行级元素的垂直居中 这种情况比较简单,只需要设置line-height和height相等即可,也没什么可延伸的。 2、块级元素的垂直居中 2.1、父元素高度不固定 其实我认为这种情况不用讨论,正常 ...
分类:
其他好文 时间:
2018-03-01 19:46:17
阅读次数:
157
每个元素都有display属性确定该元素的类型 如div默认display属性值为“block”为“块级”元素; span默认display属性值为"inline"为“行内元素; 行内元素有:a b span img input select strong 块级元素有:div ul li ol dl ...
分类:
Web程序 时间:
2018-03-01 14:50:45
阅读次数:
193
在项目中经常会遇到居中问题,这里借鉴度娘的众多答案,做一个总结: 一、元素的水平居中 1、行级元素的水平居中 很明显:子元素为行级元素时,只需要设置父元素 text-align:center 即可。 2、块级元素的水平居中 很明显:子元素为块级元素时,只需要设置父元素 margin: 0 auto; ...
分类:
其他好文 时间:
2018-03-01 00:30:26
阅读次数:
227
盒子模型的属性 宽高width/height 在CSS中,可以对任何块级元素设置显式高度。 如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效果,就好像有额外的内边距一样; 如果指定高度小于显示内容所需高度,取决于overflow属性,需要滚动条需要设置为overflow:auto。 au ...
分类:
Web程序 时间:
2018-02-27 23:37:54
阅读次数:
253
样式表的选择器 1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … } 3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{ border: ...
分类:
Web程序 时间:
2018-02-26 21:44:49
阅读次数:
245
block,inline和inline-block概念和区别 总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;i ...
分类:
其他好文 时间:
2018-02-26 20:39:31
阅读次数:
182
css世界读书笔记: 内联元素与流 块级元素负责结构,内联元素接管内容 x元素的下边缘就是我们的基线baseline x height就是x的高度 vertical align:middle是x中点位置,所以那个不是严格的中间对齐 ex单位是一个x的高度 利用那个ex单位可以做不受字体和字号影响的内 ...
分类:
其他好文 时间:
2018-02-24 23:06:52
阅读次数:
208