-
float页面布局的代码我收下了 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> .a { width: 210px; height: 300px; border: 1px solid red; float: left; } .b{ width:350px; height:300px; border:1px solid blue; float:left; } .c { width: 960px; height: 300px; border: 1px solid green; background-color :yellow; } </style> </head> <body> <div class="a"></div> <div class="b"></div> <div class="c"></div> </body> </html>查看全部
-
新闻详细页注意到的: 标题居中:h2{text-align:center;} 作者栏添加下划线:border-bottom:1px dotted #666 内容页:div里面p标签,设置padding使文字与边缘有距离;设置line-height行高;设置text-indent:2em;缩进,每一段开头缩进两个字的宽度。查看全部
-
背景图片设置连写:background:url(....) no-repeat left center; [即设置,图片链接、重复、水平位置、垂直位置] 内联元素大小就等于内容大小,不能设置宽和高;需要设置成display:block;转换成块级元素查看全部
-
min-height:最小高度(初始高度),盒子的高度可以根据内容多少变化;但IE6不能识别,代替用 _height:350px;查看全部
-
<embed></embed>从优酷网复制粘贴视频 html地址 引入视频vedio 优点:视频不需要我们维护 缺点:有广告查看全部
-
1.设置背景图片的某一块为背景:background-position:top/left/right/bottom 2.去除em标签的斜体:font-style:normal; 3.去除列表前面的原点(样式):list-style-type:none; 4.要设置内敛元素的宽度和高度,需把它改为块级元素 5.设置一个元素内容居中:(文字)水平:text-align:center;垂直:height:100px;line-height:100px; (内容为块)水平:margin:0 auto;垂直:同上查看全部
-
我们经常在设计网站的导航部分的时候,如果想让导航超链接hover显示背景,但稍不注意,默认的inline会让你抓狂,因为display:inline会将超链接显示为内联元素,即没有宽和高的作用效果,这里无论你背景怎么设置,宽高都不会超出超链接的宽高范围!所以我们可以使用 block 或 inline-block 来解决此问题! display:block 此元素将显示为块级元素,此元素前后会带有换行符。 display:inline-block 行内块元素。(CSS2.1 新增的值) 当我们在<a>标签里添加 display:block 或 display:inline-block 时,<a>标签也就有了块元素的一些特性,此时我们设置<a>标签的宽高才会起作用,hover背景也才会有效果,不同的是,display:block 会让元素前后带上换行符,所以如果想让导航元素在一行内显示,则需要添加float属性,完整的写法如下: 1 <a href="#" >block</a> 而display:inline-block 则不需要float属性,因为它的本身就是行内块元素,写法如下: 1 <a href="#" >block</a>查看全部
-
1、li是块级元素,a是内联元素,给a设置display:block 可以是设置的背景颜色显示所需要的宽度和高度。 2、当超链接设置背景颜色和背景图片时,能显示的都会显示出来。查看全部
-
行内样式:就是代码写在具体网页中的一个元素内;比如:<div ></div> 内嵌式:就是在</head>前面写;比如:<style type="text/css">.div{color:#F00}</style> 外部式:就是引用外部css文件;比如:<link href="css.css" type="text/css" rel="stylesheet" />查看全部
-
牢记制作新闻中心的时候,日期要放标题起前面,然后用float:right,可以解决IE浏览器下的错位,也就使用所有浏览器了查看全部
-
表示盒子查看全部
-
text-indent:2em; // 首行缩进2字符查看全部
-
>> 转移字符 >查看全部
-
在图片未加载出来的时候显示加载中的logo <div class="loading"><img src="images/loading.gif"></div>查看全部
-
使用myFocus插件 <div class="ad" id="picBox"> <div class="pic"> <ul> <li><img src="images/ad2.jpg" alt=""></li> <li><img src="images/ad3.jpg" alt=""></li> <li><img src="images/ad4.jpg" alt=""></li> </ul> </div> </div> 引入文件 <script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script> <script type="text/javascript" src="js/mf-pattern/mF_YSlider.js"></script> <link rel="stylesheet" type="text/css" href="js/mf-pattern/mF_YSlider.css"> js myFocus.set({ id:'picBox' });查看全部
举报
0/150
提交
取消