css代码解析（求css 大神解释一下下列代码）

：暂无数据 2026-08-12 04:50:01 ：1

大家好，css代码解析相信很多的网友都不是很明白，包括求css 大神解释一下下列代码也是一样，不过没有关系，接下来就来为大家分享关于css代码解析和求css 大神解释一下下列代码的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

求css 大神解释一下下列代码
CSS代码分析
解读CSS代码
求CSS代码解释
CSS 中具体代码分析下
一段CSS代码求高手解读，有追分哟~
Css代码解释
加急！高手进！css 代码解释

求css 大神解释一下下列代码

它这个是设置背景颜色的，都是同一个意思，表示背景为从左往右的渐变色，渐变范围是从#003500到#008800；
由于背景颜色渐变是一个CSS3的样式，所以在这段代码里面，它用了五行来指代不同的浏览器，前面两行是专属于webkit内核的浏览器，例如chrome，第三行是专属于firefox的，第四行是专属于IE的，当然它也只能在IE9以上的版本里面生效，最后一行是专属于opera浏览器的。
不过其实这段代码只是过去的写法，现在看来已经有点过时了。对于chrome、firefox、IE9及以上的版本，现在都已经能够比较好地支持背景渐变色的样式了，也不需要添加浏览器的选择符。上面这段代码简写成一行：
background:linear-gradient(left, #003500, #008800);
即可~

CSS代码分析

IE和Firefox的盒模型对width的解释是不一样的。这是一种对IE和firefox分别设置不同width的方法。由于IE不认识voice-family，故浏览器解释到width: 400px; 停止，而firefox继续，至width: 370px;
综上，上述方法是对IE浏览器width=400px，firefox浏览器width=370
px

解读CSS代码

好吧，虽然 LZ 真的很懒
我试试简单描述一下
按钮代码重点是 a 和 a:hover，其他的慢慢练
先说 a:hover 你要懂的，hover 就是鼠标指住它的意思
a {
text-indent: -9999px; // 重点是要把《a》的文字推出画面以外，以便显示图片
height: 40px;
}
a:hover {
background: transparent url(....) 0 -40px no-repeat;
}
给你每个属性分析一下︰
background: transparent
背景色: 透明
background: url(....)
背景图: 网址
background: 0 -40px
背景位置: 由左移动 0px 而且由上移动 40px
这是为甚麼呢… 因为图片包含不只得一个图示，它是以 image-sprite 的原理表达
你可以想像这个是一个地图，位置就是坐标 X 和 Y 轴
background: no-repeat
背景不重覆或重叠，这是很重要，不然浏览器会认为你的图案是布满全个画面
LZ 你要多看书多看别的网站教学…不然太难说明了

求CSS代码解释

background: 这样标签后面是图片，和css 文件的同级目录下的imgages 文件里面select-80.gif 文件

CSS 中具体代码分析下

首先说下一楼的对“a标签没有float:left;等属性支持”表示本人未曾听过。难道a 不能用
float 了。表示疑问
在谈下二楼的这里的span 不多于你如果做过滑动式的导航就知道了
这里的span是为了提供一个放背景的空间，这类导航是为了随着导航的文字的增加递减自动收缩的
类似于一个圆角矩形的左右是分开的中间添加内容他自动两边延伸。看他代码的背景图位置的定位就知道了一个他这段代码想做的一个效果是鼠标画上去后出现一个类似于圆角矩形的图案，
因为他考虑了可能导航条的的文字类容长度不一所以制作了这个滑动
再说下如果当我们不在使用ie6 了这里我们就可以用li 的伪类来做了
由于 ie6 只支持 a的伪类所以没有办法当然也可以加js 当时这样有点过于弄复杂了
因此这段代码是考虑了兼容性的，span 说白了这里就是放了一个背景图的右半部分

一段CSS代码求高手解读，有追分哟~

1：大于号的问题是指子选择符
. header span{...}这样写,header下的不论是儿子辈的span还是孙子辈的span都应用样式;
. header》span{...}这样写,header下的子辈span的样式;
2：:before 伪元素在元素之前添加内容。
:after 伪元素在元素之后添加内容。
这2个伪元素允许创作人员在元素内容的最前面/最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。
比如解释一下
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
这个的意思就是给类名为clerfix的元素后面添加一个内容为一个“.”的元素，并设置为块级元素，隐藏等等。

Css代码解释

自己参考，其实也不难
display,顾名思义,就是对该元素显示的调整,
这是我从W3C网站上找的,none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似《table》），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似《table》），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似《tbody》）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似《thead》）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似《tfoot》）。
table-row 此元素会作为一个表格行显示（类似《tr》）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似《colgroup》）。
table-column 此元素会作为一个单元格列显示（类似《col》）
table-cell 此元素会作为一个表格单元格显示（类似《td》和《th》）
table-caption 此元素会作为一个表格标题显示（类似《caption》）
inherit 规定应该从父元素继承 display 属性的值。

加急！高手进！css 代码解释

这2个属于id选择器第一个：在html页面中存在一个id=“footer” 的标签，css样式为：margin外边距设置的是居中，宽度960像素，内边距为15个像素，overflow超出宽度的内容，就将其隐藏。上边框为1个像素的实线，颜色#999。第二个是个P 段落标签的样式：意思差不多的就不说了，line-height行高20像素，text-align设置的是文本内容居中字体大小为14个像素

文章分享结束，css代码解析和求css 大神解释一下下列代码的答案你都知道了吗？欢迎再次光临本站哦！

css代码解析（求css 大神解释一下下列代码）