css样式解读,css样式菜鸟教程

是什么意思?怎么解读以上代码?'>CSS样式中的>是什么意思?怎么解读以上代码?

使用,比如divp,就是表示选择父元素为 div 元素的所有 p 元素。

成都创新互联公司专注于企业成都全网营销、网站重做改版、秦安网站定制设计、自适应品牌网站建设、HTML5建站商城建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为秦安等各大城市提供网站开发制作服务。

如果是空格,比如div p,就是选择 div 元素内部的所有 p 元素。两个意思是有不同的。

这里.navbar-inverse .nav li a:hover,就是表示 navbar-inverse类内部所有父元素为nav类的li元素的直接a子元素在鼠标经过时的样式

比如类似这样:div class="navbar-inverse"ul class="nav"lia href="#"selected/a/li/ul/div

几个CSS代码 高手解读下

list-style:列表样式,none就是不显示列表样式,表面来看就是ul标签下面的li没有原点.

margin:是边距的意思..就是ul标签与其他标签的距离是460像素,margin:460px;代表上下左右的距离是460px;

padding:是填充距离,和margin相反,margin是对外的距离,padding是对内的距离.

width:是ul宽度.

height:是高度.

border:是边框 1像素 solid是实线 #ccc 是颜色.

ul li:是ul标签下面的li标签样式..

line-height:是文字上下居中高度..

解读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样式解读,css样式菜鸟教程
网页路径:http://pwwzsj.com/article/dscdsdc.html