-
使文字和图片对齐:在img标签中设置vertical-align:middle .logo-right img{ vertical-align:middle; }查看全部
-
.top_content li<br> {<br> line-height:27px; //和父div高度相同,为了使li中的文字垂直居中<br> }<br> 超链接的样式:<br> .top_content a:link,top_content a:visited //初始状态和访问之后的状态<br> {<br> text-decoration:none //取消链接中的下划线<br> } .top_content a:hover, .top_content a:active //鼠标经过的状态,活动状态(按下鼠标的状态) { color:red; text-decoration:none; }查看全部
-
块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。 浮动元素由于脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父元素撑开。查看全部
-
导航条的桥套结构查看全部
-
左边用无序列表做,右边用form标签做查看全部
-
分别来防止导航内容和搜索框查看全部
-
将导航栏分为左,中,右3部分,然后又把中部分,分为左右两部分查看全部
-
<!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"> /*在此定义相关样式,控制列表的显示形式*/ .nav li { display:inline-block; height:30px; width:50px; } .nav li a{ display:block; color:black; text-decoration:none; line-height:30px; text-align:center; } .nav li a:hover,.nav li a:active{ background-color:#BE3948; color:#FFF; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul class=nav> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>查看全部
-
logo区布局查看全部
-
logo区查看全部
-
vertical-align:middle;(垂直居中)查看全部
-
ist-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号查看全部
-
list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。查看全部
-
通过把一个div设置宽度,再上下间距为0,左右为自动,就可以让div居中查看全部
举报
0/150
提交
取消