-
text-indent用来规定文本块中首行文本的缩进，但是px是绝对单位，20px不一定正好是两个字符，而em是相对单位，1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.查看全部
-
bingo查看全部
-
text-indent用来规定文本块中首行文本的缩进，但是px是绝对单位，20px不一定正好是两个字符，而em是相对单位，1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.查看全部
-
导航栏的套路查看全部
-
<style type="text/css"> ul li{ list-style-type:disc; } ul li ul li{ list-style-type:circle; } .c li { list-style-type:square; } </style>查看全部
-
设置图片和文字的垂直居中。vertical-align：middle;图片竖向居中，然后文字就可以和图片对齐。查看全部
-
注意：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 解决的方法： ①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置； ②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题查看全部
-
焦点myFocus查看全部
-
清除浮动的三种方法： （1）在父div中设置高度和子div相同 （2）在父div中设置overflow:hidden （3）在子div后面跟着定义一个<div class="clear"></div>，然后该选择器使用clear:both等处理。查看全部
-
设置块的背景颜色来辅助查看全部
-
<!--别人的代码--> <!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=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式，控制列表的显示形式*/ ul{ list-style-type:none; } li{ float:left; width:50px; height:30px; text-align:center; line-height:30px; } li a{ text-decoration:none; display:block; } li a:link,a:visited{ color:black; } li a:hover,a:active{ color:white; background-color:#BE3948; } </style> </head> <body> <h3>课程难度</h3> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> <!--在此制作一个无序列表--> </body> </html>查看全部
-
myfocus图片轮播插件查看全部
-
开头得初始化一下*{padding:0;margin:0;font-size:12px;}查看全部
-
<!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=utf-8" /> <title>ÎÞ±êÌâÎĵµ</title> <style type="text/css"> <!--Ôڴ˶¨ÒåÏàÓ¦µÄÀàÑ¡ÔñÆ÷£¬²¢¸ù¾ÝÒªÇóÉèÖÃÏà¹ØCSSÊôÐÔ--> * { padding:0; margin:0; } .mainBox { width:960px; margin:0 auto; background-color:#CFF; overflow:visible; } .leftBox { width:740px; height:300px; background-color:#C9F; float:left; } .rightBox { width:210px; height:300px; background-color:#FCF; float:right; } .clear { clear:both; height:0;/*½â¾öIE6ÏÂÓи߶ȵÄÎÊÌâ*/ overflow:hidden; } </style> </head> <body> <!--ÔÚ´ËÌí¼ÓÏàÓ¦µÄdiv±êÇ©--> <div class="mainBox"> <div class="leftBox"></div> <div class="rightBox"></div> <div class="clear"></div> </div> </body> </html>查看全部
-
焦点图精要（3）查看全部
举报
0/150
提交
取消