none:元素不被显示. block:元素将显示为块级元素,此元素前后会带有换行符. inline:行内元素(即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行). 参考: http://www.w3school.com.cn/cssref/pr_class_display.asp https://baike.baidu.com/item/%E5%86%85%E8%81%94%E5%85%83%E7%B4%A0/5171138?fr=aladdin…

一:diplay:inline-block 含义:指元素创建了一个行级的块级元素,该元素内部(内容)被格式化成一个块级元素,同时元素本身则被格式化成一个行内元素.更简单的说就是说inline-block后的元素具有block元素可以设置宽高特性,同时又具有inline元素默认不换行的特性. 其实display:inline-block这个属性现在浏览器都支持,其实IE从5.5开始就已经支持了,但是IE6,7支持的还不够完善,我们可以先来做demo测试下就可以明白.为了做demo,所以我们现在需要…

一.属性列表 代码如下: color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下标字 vertical-align:super 上标字…

目录 一.属性列表 二.常用属性 三.一些特殊效果 四.定位和控制 一.属性列表 color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下…

div+css的属性 gCascading Style Sheet 层叠式样式表 ==> 层叠样式表 Internal Style Sheet 内部样式表 External Style Sheet 外部样式表 inheritance 继承 em 斜体Strong粗体descendent selector 派生选择器 universal selector 通用选择器 ==> 通配选择器 Inline Style 行内样式表 设置图层的透明度:filter: alpha(opacity=70);…

刚开始学习前段的我,还处于初级阶段,一些东西还是会有搞不明白的时候,还是要大家多多理解.今说就一些关于CSS的常用属性吧! 一.CSS常用选择器 CSS选择器应该说是一个非常重要的工具吧,选择器用得好坏可以直接关系到你代码书写的麻烦程度,简单来说就是CSS选择器用得好,实现相同的功能时所用到的代码就会少,这样做出来的网页代码就没有那么繁杂. 1.选择器的书写样式: 选择器中可以写多对CSS属性,用{}包裹,每个属性名与属性值之间用冒号分隔,多对属性名之间必须用分号分隔. 写法: 选择器{ 属性1…

目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器(名字以“#”号开头):       只能被某一个标签使用 3. class选择器(名字以“.”号开头):   可以被多个标签同时引用 4. 标签选择器:比如你设置一个div标签选择器,那么所有div默认都会使用这个样式 5. 层级选择器(用空格分隔):     span div{}  …

html常用属性border-radius.linear-gradient怎么使用 一.总结 一句话总结: 1.border-radius: 8px 8px 8px 8px !important; 2.linear-gradient(rgba(255,124,67,0),rgba(255,0,0,1)) 二.CSS3的border-radius属性详解 border-radius: 8px 8px 8px 8px !important; border-radius: none | length{…

html5常用属性text-shadow.vertical-align.background如何使用 一.总结 一句话总结: 1.text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)] 2.vertical-align注意语义, 注意父元素的基线 3.background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 4.background:  transparent…

display的table和table-cell一般情况下用的不多,所以很少有人去关注它,但他们两个联手起来会给你惊喜! 当两个或者两个以上标签一起使用显示在同一行时,以前常用的是float.position进行布局,在高版本的浏览器可以使用flex.grid进行布局.无意中发现使用display:table-cell也是一个很好用的自适应布局,本文就display:table-cell做学习总结. display:table-cell指让标签元素以表格单元格的形式呈现,使元素类似于td标签.I…