-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ .yema a{ text-decoration:none; display:inline-block; margin:5px; padding:5px; border:1px solid #e8e8e8; height:15px; width:25px； font-size:10px; color:black; } .yema a:hover{ color:black; background-color:red; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class=yema> <a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">…</a><a href="#">></a><a href="#">末页</a> </div> </body> </html>查看全部
-
使超链接a标签 鼠标经过时出现整块背景颜色更改而不单是字体覆盖背景颜色更改，要在定义a标签时加入 display：inline-block；属性。 如果是在列表中则在定义li标签样式时 添加 display：blank；属性查看全部
-
底部版权区 让其始终在底部 需要在其css样式里加 {clear：both} 对于内容不固定的区域，不可以将div的高度定死 可以将height改为 min-height：***；-height：**（-height是ie6 可以识别，min-heightie6不支持）查看全部
-
a:link超链接初始状态 a:visited超链接访问之后的状态 a:hover鼠标经过时的状态 a:active按下鼠标之后的状态查看全部
-
1、让元素在横向页面居中，可使用：margin:0 auto; 2、让列表文本垂直居中，可设置相等的高与行高，即：height:*px;line-height:*px;；查看全部
-
myFocus制作焦点图注意事项查看全部
-
<!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"> /*在此定义相关样式，控制列表的显示形式*/ .list li{ list-style-type:none; float:left; width:50px; height:30px; line-height:30px; text-align:center; } .list li a{ display:block; } .list a:link, .list a:visited{ color:#000; text-decoration:none; } .list a:hover, .list a:active{ color:#fff; background-color:#BE3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul class='list'> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>查看全部
-
边框线查看全部
-
焦点图注意01查看全部
-
<title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式，控制列表的显示形式*/ .list li{ list-style-type:none; float:left; width:50px; height:30px; line-height:30px; text-align:center; } .list li a{ display:block; } .list a:link, .list a:visited{ color:#000; text-decoration:none; } .list a:hover, .list a:active{ color:#fff; background-color:#BE3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul class='list'> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul>查看全部
-
<title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式，控制列表的显示形式*/ li{width:50px;height:30px;list-style-type:none;line-height:30px;text-align:center;float:left;} li a:link,li a:visited{display:block;background:#fff;color:#000;text-decoration:none;} li a:hover,li a:active{display:block;background:#BE3948;color:#fff;} </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>查看全部
-
由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
-
块级元素div 都要起一个新行来表现查看全部
-
引入脚本需注意的地方; 1.在HTML的标签中引入3个文件 <script type="" src=" .js"> <!--引入myFcous的库文件--> <script type="" src=" .js"> <!--引入需要使用的风格的js文件--> <link href="" type=" .css"> <!--引入需要使用的风格的css文件--> 2.创建myFoucs的标准HTML文件，并填充内容 Attention: 图片列表外面包裹一个class为pic的div 3.在第一步代码之后的任意位置进行调用，head结束之前。 myFocus.set({id:'包裹class为pic的id'}) Attention: 焦点图初始化的ID与图片列表最外层的ID一致查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。可以按以下方法处理： 1.在浮动元素后加个div设置clear：both；height：0；overflow：hidden 2.使用clearfix 3.设置父元素浮动查看全部
举报
0/150
提交
取消