HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第225页

css属性之@media

BaseBrowsers:IE6.0+,Firefox2.0+,Chrome4.0+,Safari6.0+,Opera15.0+<expression>：指定媒体查询使用的媒体特性。这类似于CSS属性，如：max-width:960px。(CSS3)实例自适应效果<!DOCTYPEhtml>&l...

代码星球 ·2020-04-06

css属性之appearance

appearance属性允许您使元素看上去像标准的用户界面元素。案例：使div元素看上去像一个按钮<!DOCTYPEhtml><html><head><style>div{appearance:button;-moz-appearance:button;/*Firefox...

代码星球 ·2020-04-06

css属性之box-shadow

box-shadow属性向框添加一个或多个阴影。<!DOCTYPEhtml><html><head><style>div{width:300px;height:100px;background-color:#ff9900;-moz-box-shadow:10px10px5...

代码星球 ·2020-04-06

bootstrap+css进行页面布局

效果用到了bootstrap中的表格css、圆形css、以及上一页下一页css。布局页面，填充数据，实现js动态效果（比如点击下一页，上一页），逐步完善。不仅仅要会使用bootstrap中的样式，也要能够灵活的运用css样式，两者结合，才能够融会贯通，活学活用。1.表格部分<divid="datali...

代码星球 ·2020-04-06

css案例学习之table tr th td ul li实现日历

效果代码<html><head><title>Calendar</title><style><!--.month{border-collapse:collapse;table-layout:fixed;width:780;}.monthcaption{t...

代码星球 ·2020-04-06

css案例学习之用thead、tbody、tfoot实现漂亮的table布局

首先说说thead、tbody、tfoot<thead><tbody><tfoot>无论前后顺序如何改变，<thead>内的元素总是在表的最上面，<tfoot>总在表的最下面效果代码如下<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHT...

代码星球 ·2020-04-06

css案例学习之ul li dl dt dd实现二级菜单

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

代码星球 ·2020-04-06

css案例学习之span边框实现的特殊效果

bottomleftbottomrighttoplefttopright 配合颜色来使用，实现一些神奇的效果#menuaspan{height:0;width:0;/*border-top:solid6px#fff;border-left:solid6px#f90;*//*border-top:solid6p...

代码星球 ·2020-04-06

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