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