您的位置:首页 > css
css 标签下有 73 篇文章

css无效的常见原因

273次阅读|453次收藏|35次赞

网站设置的css样式在IE中显示无效,在火狐中显示可以正常,或者,所有浏览器都无效,下面介绍几个细微的失效问题的常见原因。

CSS错误排查方法

462次阅读|115次收藏|213次赞

在前端开发中经常会碰到浏览器兼容性问题、css各个属性被各个浏览器支持的问题,css继承,css叠加,CSS代码编写不全,编写错误等等,我们经常因为这些而需要调试页面中css。下面介绍如何排查CSS错误的方法

CSS设置字体

494次阅读|30次收藏|137次赞

DIV内文字字体样式如何设置,CSS怎么设置对象内文字字体样式,比如黑体、宋体、微软雅黑、英文字体等字体如何设置? 例如,{ font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。那么,CSS中如何设置字体呢?

如何编写更好的CSS

192次阅读|307次收藏|285次赞

除了网页的视觉形象外,代码的编写其实也很讲究。恰当的使用一些技巧,能够让你的CSS 更实用、更适用、更易读、更易改、更小巧。编写好的CSS代码能提升页面的渲染速度。下面介绍如何编写更好的CSS

块级元素水平垂直居中

269次阅读|89次收藏|143次赞

对于一个块元素的水平垂直居中,水平居中的方式不必多说,一般用margin:auto;等方法即可实现。而对于垂直居中,尽管有vertical-align:middle属性,但是由于其只适用于table标签中,而table标签效果不好控制。因此,我们一般常用的方法是:将子级元素设定inline-block属性,并将其行高属性:line-height的值设定为与父级元素相同的高度。

Css Reset的作用

515次阅读|433次收藏|382次赞

HTML标签在浏览器里有默认的样式,不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。

css min-width与max-width

518次阅读|287次收藏|215次赞

css中max-width 定义元素的最大宽度。该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。min-width 属性设置元素的最小宽度,该属性值会对元素的宽度设置一个最小限制。因此,元素可以比指定值宽,但不能比其窄,不允许指定负值。

css清除浮动

154次阅读|465次收藏|79次赞

float是css样式中的定位属性,用于设置标签对象的浮动布局,当元素有浮动属性时,会对其父元素或后面的元素产生影响,会出现一个布局错乱的现象,css中可以通过清除浮动的方法来解决浮动的影响。解决浮动引起的问题有多种方法

CSS百分比定义高度的问题

163次阅读|290次收藏|454次赞

当我们给块级元素设置响应式高度的时候,例如给div设置height=50%,往往没能看到效果,原因是CSS中使用百分比定义高度时,如果父元素没有指定高度,那么子元素的百分比的高度设置了也没用,所以我们需要先设置父元素的高度。

CSS中background-attachment

156次阅读|400次收藏|86次赞

CSS中background-attachment用来定义背景图片随滚动轴的移动方式,background-attachment取值为scroll的时候很好理解,就是背景会随着滚动条滚动,取值为fixed的时候,意思是固定背景,下面详细介绍CSS中background-attachment的用法

css中:first-child

511次阅读|341次收藏|68次赞

:first-child是css中伪类,css中:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器,只有当元素是另一个元素的第一个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。

css display属性

92次阅读|460次收藏|483次赞

CSS中display属性用于设置或检索对象是否及如何显示。display属性值基本上分为inline,block,和none。下面介绍display这个属性该怎么用,什么时候用,用了有什么效果!

background-position的使用

458次阅读|225次收藏|28次赞

css中background-position属性用于设置或检索对象的背景图像位置,在使用background-position时必须先指定 background-image 属性。background-position是依赖于no-repeat的,在repeat的状态下和默认的状态下。

CSS伪元素:before, :after

97次阅读|36次收藏|256次赞

CSS中:before和:after伪元素已经在前端开发中应用的比较广泛,我们使用:before来在元素的前面插入内容,使用:after在元素的后面插入内容,那么,如何在Web项目中使用:before, :after这二个伪元素呢?

css中width:auto和width:100%的区别

257次阅读|352次收藏|149次赞

css中width:auto、width:100%都可以定义元素的宽度,width:100% 并不包含margin-left margin-right的属性值,直接取其父容器的宽度加上含margin-left /margin-right的值,width:auto包含margin-left/margin-right的属性值。其值包含margin-left /margin-right的值。

去除inline-block元素间的间隙

495次阅读|200次收藏|320次赞

在做web页面时,经常会用到inline-block元素来布局,inline-block元素在布局时会给我们带来很多方便,但无可避免都会遇到一个问题,就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题,需要把间隙去掉。

移动端web页面使用position:fixed

503次阅读|89次收藏|489次赞

移动端web页面中,在给文本框输入内容的时候,小键盘激活,本来设置固定在顶部和底部的图层会发生位置偏移​。主要原因就是position fixed 还不能很好的兼容移动端安卓,ios。下面介绍在移动端web页面中使用position:fixed的方法

letter-spacing和word-spacing区别

392次阅读|496次收藏|30次赞

css中letter-spacing和css中word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。

css中outline

312次阅读|401次收藏|325次赞

outline这个属性平时用的不太多,css中outline的作用表示在元素边框边缘的外围绘制一条包围元素的线,包括outline-color、outline-style、outline-width三个子属性的设置,可缺省,无固定顺序。

Web安全色

406次阅读|297次收藏|93次赞

web安全色,就是网页安全色。 名字虽然有安全,但是和网站的安全无关。叫这个名字,是因为这些色彩在不同的显示设备和操作系统上表现基本一致,非安全色换一个OS环境,颜色就可能失真。下面介绍常见的Web安全色

您最近浏览过的文章