习之主题的文章列表，还有习之的技术要点_第26页

css案例学习之通过relative与absolute实现带说明信息的菜单

效果如下代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><style>#menu{/*对...

代码星球·2020-04-06

css案例学习之div a实现立体菜单

效果代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/199...

代码星球·2020-04-06

css案例学习之双斜角横线菜单

效果代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/199...

代码星球·2020-04-06

css案例学习之div+a实现菜单

效果代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/199...

代码星球·2020-04-06

css案例学习之div ul li a 实现导航效果

效果代码<html><head><title>无需表格的菜单</title><style>body{background-color:#dee0ff;}#navigation{width:150px;font-family:Arial;font-size:14...

代码星球·2020-04-06

css案例学习之按钮超链接

效果 css实现<html><head><title>按钮超链接</title><style>a{/*统一设置所有样式*/font-family:Arial;font-size:.8em;text-align:center;margin:3px;}a...

代码星球·2020-04-06

css案例学习之relative与absolute

代码<!DOCTYPEhtmlPUBliC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/...

代码星球·2020-04-06

css案例学习之float浮动

代码：<!DOCTYPEhtmlPUBliC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999...

代码星球·2020-04-06

css案例学习之父子块的margin

两边还会有些距离，这是body默认的。代码：<head><title>父子块的margin</title><styletype="text/css">/*body{margin:00;}*/div.father{/*父div*/background-color:#fffe...

代码星球·2020-04-06

css案例学习之div与span的区别

代码：<html><head><title>div标记范例</title><styletype="text/css">div.widthstyle{font-size:18px;/*字号大小*/font-weight:bold;/*字体粗细*/font-fam...

代码星球·2020-04-06

css案例学习之盒子模型

定义：每个盒子都有：边界、边框、填充、内容四个属性；每个属性都包括四个部分：上、右、下、左；这四部分可同时设置，也可分别设置；里的抗震辅料厚度，而边框有大小和颜色之分，我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保留多大距离。案例代码：<!DOCTYPEhtm...

代码星球·2020-04-06

css案例学习之层叠样式

代码<html><head><title>层叠特性</title><styletype="text/css">p{color:green;}.red{color:red;}.purple{color:purple;}/*这里的顺序是关键*/#line3{col...

代码星球·2020-04-06

css案例学习之继承关系

代码<html><head><title>继承关系</title><style>body{color:blue;/*颜色*/text-decoration:underline;/*下划线*/}em{color:red;/*颜色*/}</style>...

代码星球·2020-04-06

css案例学习之全局声明*{} 与body{}的区别

代码<html><head><title>全局声明</title><styletype="text/css">*{/*全局声明*/color:purple;/*文字颜色*/font-size:15px;/*字体大小*/}h2.special,.special,...

代码星球·2020-04-06

css案例学习之并集选择器

代码<html><head><title>并集选择器</title><styletype="text/css">h1,h2,h3,h4,h5,p{/*并集选择器*/color:purple;/*文字颜色*/font-size:15px;/*字体大小*/}h2....

代码星球·2020-04-06