-
浮动float查看全部
-
1.list-style-type:none; /*清除选项前的圆点符号*/ 2.text-decoration:none;/*没有下划线*/查看全部
-
1.em为内联元素，要把他改为块级元素后，设置的宽度和高度才有效 2.所有em的背景图片均为num.gif，通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴（-左移 +右移） y轴（-上移 +下移） 3,{margin:0;padding:0;}先清除默认样式查看全部
-
做什么事情前都要有一个精准的算法，比如建设一个企业网站，则其中的布局关系就是一个算法。查看全部
-
：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。查看全部
-
若想让盒子3在两个盒子的下方，则需要让浏览器认为左边没有浮动元素，则在受到影响的浮动元素中添加clear：both;或者clear：left;视情况而定。查看全部
-
float：both;意为在左右两侧均不允许有浮动元素。查看全部
-
1.若有两个盒子，其中一个没有设置float属性，则其中一个设置了的float属性的盒子会脱离文档流浮动在另一个盒子的上方。 2。两个盒子的宽度不能超出屏幕的宽度，如果超出则会吧另一个盒子挤到下方。查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下哪种方法处理： A在浮动元素后加个div设置clear: both; height:0,overflow:hidden B使用clearfix; C设置父元素浮动;查看全部
-
*{padding:0;margin:0;} a{text-decoration:none;} a:link,a:visited{color:black;} a:hover,a:active{color:red;} ul{padding:5px;} ul li{list-style-type:none;} ul li p{display:inline;} .topList{border:1px solid #E8E8E8;width:350px;height:200px;margin:10px auto;} ul li em{background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat 0 -16px;display:inline-block;width:20px;height:16px;text-align:center;font-style:normal;color:#333;line-height:16px;} ul li.top em{background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat ; }查看全部
-
list-style-type可以设置列表项目符号为：none无项目符号，disc实心圆，circle空心圆，square实心方块等但是不可以设置图片为项目符号。查看全部
-
<!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 li { float:left; width:50px; height:30px; text-align:center; line-height:30px; list-style-type:none; } .ul li a{ text-decoration:none; } .ul li a:link,.ul li a:visited{ color:black; } .ul li a:hover,.ul li a:active{ color:white; background-color:#BE3948; display:block; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul class="ul"> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>查看全部
-
a:link初始状态 a:hover 鼠标经过状态 a:active 点击状态 a:visited 访问后状态查看全部
-
浮动元素由于脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。关于clearfix的具体用法参见：http://www.imooc.com/wenda/detail/11605查看全部
-
清楚浮动clear查看全部
举报
0/150
提交
取消