码迷,mamicode.com
首页 >  
搜索关键字:块元素    ( 986个结果
探究行内元素和块级元素
在html中元素主要分为行内元素和块级元素行内元素不独占一行书写完成后不会自动换行没有宽和高块级元素独占一行书写完会自动换行宽和高可以修改还有一种特殊的元素叫作行内块级元素;值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1新增的值)list-i
分类:其他好文   时间:2019-05-09 15:37:12    阅读次数:117
[Web 前端] 017 css 浮动
1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下,从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类:Web程序   时间:2019-05-03 14:23:45    阅读次数:135
CSS之两栏布局
<div class="right"></div> <div class="left"></div> *{ padding: 0; margin: 0; } .right{ position: absolute; /*成了行级块元素,脱了文档流,那么它后面的兄弟会补位上去*/ right: 0; w ...
分类:Web程序   时间:2019-05-03 09:50:59    阅读次数:325
企业开发经验之盒子模型和层模型
1.如何让单行文本垂直居中?height和line-height的值相同,文本就会居中, 首行缩进:text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高:line-height:1.2em。 2.图片是行内块元素,只要是inline属性都具 ...
分类:其他好文   时间:2019-05-03 09:16:10    阅读次数:114
常见浏览器兼容性问题及解决办法总结(持续更新中...)
1. 不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同; 解决办法:在CSS文件开头,加*{margin: 0; padding: 0;},把所有标签的margin和padding设置为0即可。 2. 在IE6中,块元素设置float并且有水平方向的margin时,ma ...
分类:其他好文   时间:2019-04-27 00:34:52    阅读次数:143
02 视口
视口(viewport)是用来约束网站中最顶级块元素<html>的,即它决定了<html>的大小。 1.1 PC设备 在PC设备上viewport的大小取决于浏览器窗口的大小,以CSS像素做为度量单位。 通过以往CSS的知识,我们都能理解<html>的大小是会影响到我们的网页布局的,而viewpor ...
分类:其他好文   时间:2019-04-22 20:55:50    阅读次数:173
css实现菜单栏效果以及用hover属性去控制另一个元素样式的问题
实现鼠标经过 你好 显示 我一点也不好 的效果方法: 首先使用display:none 隐藏要显示的菜单栏元素,当鼠标经过一个元素时将它的display改成block。 鼠标经过one元素时怎么选择two元素的问题: 1.当两个p元素为包含关系时,选择器应该这样写.one:hover .two 2. ...
分类:Web程序   时间:2019-04-21 00:16:50    阅读次数:219
定位/内联元素与块元素转换
1.内联元素与块元素块元素:明显特征是独占一行,可以设置宽高 maring和padding可以设置内联元素:不独占一行,无法设置宽高,maring和padding可以设置水平的 3.绝对定位与相对定位: 相对定位:相对与元素自己本身来移动定位 绝对定位:距离父类(有position样式的父类)... ...
分类:其他好文   时间:2019-04-01 17:17:44    阅读次数:167
css 定位布局
文档流: 文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列。块元素占一行,行内元素在一行之内从左到在排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。 关于定位: 可以使用css的position属性来设置元素的定位类型,position设置项如下: (1)relat ...
分类:Web程序   时间:2019-03-31 09:59:32    阅读次数:275
css 浮动布局,清除浮动
浮动的特性: (1)浮动元素有左浮动(float:left)和右浮动(float:right)两种 (2)浮动的元素会向左或向右浮动,碰到父元素边界、其他元素才停下来 (3)相邻浮动的块元素可以并在一起,超出父级宽度就换行 (4)浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问 ...
分类:Web程序   时间:2019-03-31 09:58:48    阅读次数:173
986条   上一页 1 ... 15 16 17 18 19 ... 99 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!