CSS制作政府公文的代码

应程序要求，全部用p+类展示。其他要求请自行更改！

关于有序列表OL:

直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF，GG内，是在序列号和正文中间。

改用对OL使用padding-left:4em

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /titleCSS公文样式/titlestyle type="text/css"body {margin: ...<a href="https://www.tulaoshi.com/n/20160219/1630219.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="https://www.tulaoshi.com/n/20160219/1630219.html" target="_blank">CSS制作政府公文的代码</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1621777" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ec9af0b5cccedf2bd76b7ca9e97aea8d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621777.html" target="_blank">如何查看CSS代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">进入空间主页——点击鼠标右键——查看源文件——按Ctrl+F弹出搜索对话框,在里面输入CSS——开始查找——找到以CSS为后缀名的代码(一般是第三个)：href="/xxxx/css/item/1bf5638135e103d8bd3e1e52.css",复制/css/item/1bf5638135e103d8bd3e1e52.css加在空间网址http://hi.baidu.com/xxxx,回车,弹出的记事本内的代码即是该空间代码<a href="https://www.tulaoshi.com/n/20160219/1621777.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/天使之魅授权1/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>天使之魅授权1</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1617187" target="_blank"><img src="https://img.tulaoshi.com/201602/19/78b811b6ab1252b67c5dc631a249dcf8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1617187.html" target="_blank">校内网CSS代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> SNS的传播主体是人际传播。校内网与Web2.0应用典范的博客相比，校内网利用后发优势，集成了包括博客在内的绝大部分传统人际传播媒介的功能，更简易地实现了主体的多种需求。通过与博客等媒介的比较，归纳出传者的自组织性及去中心化，以隐私性和自主性为前提的高分享度微内容传播，传播符号的多元化，对象群体的同龄化及指定性，传播主体的交互性、真实性和社会性的回归，动机的目的性、直接性和非功利性...<a href="https://www.tulaoshi.com/n/20160219/1617187.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/清虚山农家院/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>清虚山农家院</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1484806" target="_blank"><img src="https://img.tulaoshi.com/201601/29/9fe6193ddb479aa4e8620f69e6cd4d26_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1484806.html" target="_blank">CSS代码缩写技巧</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几...<a href="https://www.tulaoshi.com/n/20160129/1484806.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/人生_角度/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>人生_角度</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1609936" target="_blank"><img src="https://img.tulaoshi.com/201602/19/fb2ce3c6f7d4396b1fdca4322650515b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1609936.html" target="_blank">写出更好的代码CSS代码书写技巧分享</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 1. Reset 真的，要一直使用一个reset，无论是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset，一定要使用。这可以简单到仅仅将所有元素中的margin和padding属性去掉: html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } Eric Meyer和YUI的Resets样式是很棒的，但对我来说，它们走的太远了。...<a href="https://www.tulaoshi.com/n/20160219/1609936.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/六小米爷/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>六小米爷</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621645" target="_blank"><img src="https://img.tulaoshi.com/201602/19/4305393bd1d22101b27ab3a8a5e39e54_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621645.html" target="_blank">整理优化你的CSS代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 当我们面对网站项目里日益庞大的css，javascript文件，无论是为了二次开发还是浏览器解析，都应该优化他们的代码，但是优化并不意味着是简单的压缩或减小文件体积。条理清晰，运行效率高才是我们要的结果。那么有哪些手段能够我们的css代码呢？一起来看看下面的一些建议吧。 1.使用缩写缩写能够缩短你的工作时间，减小你的文件体积，何乐而不为？针对相近的不同设置不同的值： view pl...<a href="https://www.tulaoshi.com/n/20160219/1621645.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/q841220295/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>q841220295</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630194" target="_blank"><img src="https://img.tulaoshi.com/201602/19/fe56da1f2afad55e8b59edf4f16fb3f8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630194.html" target="_blank">CSS代码组合和嵌套</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> CSS的组合和嵌套 CSS组合你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。比如，你有如下的代码： h2 { color: red; } .thisOtherClass { color: red; } .yetAnotherClass { color: red; } 则你可以这样写： h2, .thisOtherClass, .yetAnotherClass { color: red; } 使用组合,你可以一次定义多个CSS,为你节省很多字节和时间. CSS嵌套 CSS结构好的话，没...<a href="https://www.tulaoshi.com/n/20160219/1630194.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/装萌丶二货少年/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>装萌丶二货少年</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">17</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603397" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a781a92f8ceea8f036b5ff980e65251d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1603397.html" target="_blank">纯CSS代码实现翻页</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> !DOCTYPE a href="/keys/html/index.html" target="_blank"html/a PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" head profile="http://www.w3.org/2000/08/w3c-synd/#" meta http-equiv="content-language" content="zh-cn" / meta http-equiv="content-type" content="text/html;ch...<a href="https://www.tulaoshi.com/n/20160219/1603397.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/237001645/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>237001645</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1613993" target="_blank"><img src="https://img.tulaoshi.com/201602/19/3fb14a77ea1931367433a25e2354e78b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1613993.html" target="_blank">CSS部分代码解释笔记</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> position=定位方式 padding=内间距 margin=外间距（top=顶边 right=右边 bottom=底边 left=左边） background=背景 background-image=背景图像 background-repeat=背景图像是否及如何铺排 font-weight=字体的粗细 font-family=选择字体 font-size=字体尺寸 display=设置是否及如何显示元素 list-style-type=列表项所使用的预设标记 list-style=设置列表类型 text-align=文字的对齐方式（l...<a href="https://www.tulaoshi.com/n/20160219/1613993.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/henry20100611/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>henry20100611</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1614123" target="_blank"><img src="https://img.tulaoshi.com/201602/19/79e83bc91808a8bbc22dd066a7568400_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1614123.html" target="_blank">CSS高级文字排版的实例代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> css 文字排版一向困扰做页面前台工作者，这里汇总了大部分文字的实现效果大家可以举一反三的去运用。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / titleCSS Typography - Examples for CSS and ...<a href="https://www.tulaoshi.com/n/20160219/1614123.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/丑女野山核桃仁/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>丑女野山核桃仁</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">21</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1614076" target="_blank"><img src="https://img.tulaoshi.com/201602/19/b1e0250e985bb0911959d253661bd6e2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1614076.html" target="_blank">新组织CSS代码的利器:Styleneat</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> Styleneat 能够把 CSS 的选择器（selectors），子选择器（ sub-selectors）和属性（properties）按照层式结构化重新组织，这样使得程序员更加容易去定义页面区域和查看它们之间的关系。Styleneat 是一个能够帮你重新组织你 CSS 属性的免费服务。比如它会把下面这段 CSS 代码 id1 { width: 100px; } id1 .class1 { background: #000; } id1 .class1 a { text-decoration: none; col...<a href="https://www.tulaoshi.com/n/20160219/1614076.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/妃伊雪缘/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>妃伊雪缘</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1599356" target="_blank"><img src="https://img.tulaoshi.com/201602/19/f9cd50b3f6820323540fbb0a6cf29a73_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1599356.html" target="_blank">DIV CSS常用的网页布局代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 单行一列以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;} 三...<a href="https://www.tulaoshi.com/n/20160219/1599356.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/勤奋的苦寒/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>勤奋的苦寒</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621896" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a97448ff51bdd477af2da181d455e6ed_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621896.html" target="_blank">经常用到的css重置代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { &n...<a href="https://www.tulaoshi.com/n/20160219/1621896.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/神经小魔女女/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>神经小魔女女</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1609277" target="_blank"><img src="https://img.tulaoshi.com/201602/19/b8c167ef0135c312b541250f1de6dc38_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1609277.html" target="_blank">网页头部css代码优化实例</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 在div+css布局中，一般都这样来整体构架的： div id="header"/div div id="center"/div div id="footer"/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id="header" div id="title"这里是网站的标题/div div id="nav"这里是网站导航栏/div /div 很多人一般都这样写的，当然这样写并没有什么语法错误。但对于div来说有个原则，...<a href="https://www.tulaoshi.com/n/20160219/1609277.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/qq991183084/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>qq991183084</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630046" target="_blank"><img src="https://img.tulaoshi.com/201602/19/95ab0927f5a094134a293f34f5d05960_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630046.html" target="_blank">CSS代码是否合理？是否优化？</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 发现很多朋友对 CSS 的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断 CSS 的优先权，更应反思自己的 CSS 代码，是否合理？是否优化？ CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。 Specificity 具体的计算规则：元素的 style 样式属性，加 1,0,0,0。...<a href="https://www.tulaoshi.com/n/20160219/1630046.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/天朝的麻雀/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>天朝的麻雀</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621974" target="_blank"><img src="https://img.tulaoshi.com/201602/19/2d606f0d12b4945e158406d0a00d0a6e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621974.html" target="_blank">高效CSS代码编写经验教程</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。一、排版： 1.关键词和操作符之间加适当的空格。 2.相对独立的程序块与块之间加空行 3.较长的语句、表达式等要...<a href="https://www.tulaoshi.com/n/20160219/1621974.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/沟通5从心开始6/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>沟通5从心开始6</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606584" target="_blank"><img src="https://img.tulaoshi.com/201602/19/22588c07a1ea2c95d76a5a7696754516_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1606584.html" target="_blank">三种CSS图表代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 这是最基本的预览，下面是几种不同的应用代码一、基本的CSS图表 CSS代码 style .graph { position: relative; /* IE is dumb */ width: 200px; border: 1...<a href="https://www.tulaoshi.com/n/20160219/1606584.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/suoaiyear/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>suoaiyear</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605141" target="_blank"><img src="https://img.tulaoshi.com/201602/19/4a8dc1dca669d23cc943915a9fe81ccf_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1605141.html" target="_blank">jQuery 改变CSS样式基础代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码：代码如下： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。 //.css(‘color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给css()方法。示例如下：代...<a href="https://www.tulaoshi.com/n/20160219/1605141.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/我叫戴丽娜/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>我叫戴丽娜</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1569747" target="_blank"><img src="https://img.tulaoshi.com/201602/16/cd55767356a8ba3ca21762b39d58921d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160216/1569747.html" target="_blank">Photoshop制作精致的公文包图标</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> 先看效果图。新建文档，尺寸自定，背景白色，建新层，画一圆角矩形，填充黑色。添加图层样式。效果如下。导入皮革素材，ctrl+T缩小，位置如下，调出上一步的圆角矩形选区。添加蒙版，图层模式柔光。滤镜锐化锐化，显示出一些皮革的细节。建新层，画一个半径5像素的黑色圆角矩形，做一矩形选区，删除。右击第一步的圆角矩形层，选择拷贝图层样式，回到刚才那个...<a href="https://www.tulaoshi.com/n/20160216/1569747.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/保定V姐/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>保定V姐</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1528313" target="_blank"><img src="https://img.tulaoshi.com/201602/02/017b687fc6057cdf693f49c3272975f6_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160202/1528313.html" target="_blank">Photoshop制作简单的皮质公文包</A></div> <div class="span_em_123"> 本教程介绍公文包的制作方法。制作之前我们需要对公文包的构造有一定的了解。然后再分步来制作。材质部分可以用一些皮革的素材。最终效果 1、新建文档，尺寸自定，背景白色，建新层，画一圆角矩形，填充黑色。 2、添加图层样式。 3、导入皮革素材，ctrl+T缩小，位置如下，调出上一步的圆角矩形选区。 4、添加蒙版，图层模式柔光。 5、滤镜锐化...<a href="https://www.tulaoshi.com/n/20160202/1528313.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/shmilyshmilyzf/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>shmilyshmilyzf</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1629496" target="_blank"><img src="https://img.tulaoshi.com/201602/19/3512d9d602c69ada8c20dae96b8f4a50_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1629496.html" target="_blank">DIV+CSS常用的网页布局代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 单行一列以下是引用片段： body { margin: 0px; padding: 0px; text-align: center; } #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 两行一列以下是引用片段： body { margin: 0px; padding: 0px; text-align: center;}...<a href="https://www.tulaoshi.com/n/20160219/1629496.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/楠哥也来提问/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>楠哥也来提问</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21300.html">上一页</a><a href="/reader/21297.html">21297</a><a href="/reader/21298.html">21298</a><a href="/reader/21299.html">21299</a><a href="/reader/21300.html">21300</a><a href="/reader/21301.html" class="cur">21301</a><a href="/reader/21302.html">21302</a><a href="/reader/21303.html">21303</a><a href="/reader/21304.html">21304</a><a href="/reader/21305.html">21305</a><a href="/reader/21302.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="https://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="https://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>