企业网站综合布局实战_学习笔记

首页免费课企业网站综合布局实战笔记

企业网站综合布局实战

最热最新

DMSF

由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block

查看全部

0 采集收起来源：编程练习
2016-05-23
fatbin 12:10

gb2312解决乱码

查看全部

0 采集收起来源：企业网站制作之页面头部制作（一）
2016-05-23
qq_冰冻的心解不开_03129506

<style type="text/css"> li{ list-style-type:none;} .top em { color:#FFF; background-position:0 0; } em { width:20px; height:16px; background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat 0 -16px; display:block; text-align:center; font-style:normal; color:#333; float:left; } a:link,a:visited{ text-decoration:none; color:#999; } a:hover,a:active{ text-decoration:none; color:#f00; }

查看全部

0 采集收起来源：编程练习
2018-03-22
fatbin 05:58

clear float

查看全部

0 采集收起来源：浮动 float
2016-05-23
fatbin 03:19

浮动框脱离了普通文档流，浮在上方

查看全部

0 采集收起来源：浮动 float
2016-05-23
fatbin 02:16

float

查看全部

0 采集收起来源：浮动 float
2016-05-23
DMSF

/*------总结：常用的清除浮动的方法。 1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用<P>，够简短，也有很多人用<hr>，只是需要另外为其清除边框，但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代码：clear:both。此方法的弊端在于增加了无意义的结构元素。对于使用额外标签清除浮动（闭合浮动元素），是W3C推荐的做法。至于使用<br />元素还是空<div></div>可以根据自己的喜好来选（当然你也可以使用其它块级元素）。不过要注意的是，<br />本身是有表现的，它会多出一个换行出来，所以要设定它的heigh为0，以隐藏它的表现。所以大多数情况下使用空<div>比较合适。 2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性：overflow:auto，即可！”zoom:1″用于兼容IE6,也可以用width:100%。不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面； 3、使用after伪对象清除浮动。该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；二、content属性是必须的，但其值可以为空，蓝色理想讨论该方法的时候content属性的值设为”.”，但我发现为空亦是可以的。此三种方法各有利弊，使用时应择优选择，个人习惯于第一种，比较稳定可靠。参考链接：http://www.cnblogs.com/fengzheng126/archive/2012/05/19/2508778.html ------*/

查看全部

0 采集收起来源：编程练习
2018-03-22
DMSF

浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下哪种方法处理：在浮动元素后加个div设置clear: both; height:0,overflow:hidden 使用clearfix; 设置父元素浮动;

查看全部

0 采集收起来源：练习题
2016-05-22
强强好好学习

box3左侧不存在浮动是什么意思？

查看全部

0 采集收起来源：浮动 float
2016-05-22
Man3156173

list-style-image可以把图像设置为列表中的项目符号；list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等

查看全部

0 采集收起来源：练习题
2016-05-22
_龙行天下

浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下哪种方法处理： 1.在浮动元素后加个div设置clear: both; height:0,overflow:hidden 2.使用clearfix 3.设置父元素浮动

查看全部

0 采集收起来源：练习题
2016-05-21
_龙行天下

leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。解决的方法： ①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置； ②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题

查看全部

0 采集收起来源：编程练习
2016-05-21
慕盖茨7793887

图片新闻，float 环绕效果

查看全部

0 采集收起来源：企业网站制作之新闻中心制作（二）
2016-05-21
葉落歸根3388677 06:42

使文字和图片对齐：在img标签中设置vertical-align:middle

查看全部

0 采集收起来源：企业网站制作之页面头部制作（二）
2016-05-21
Xu_Angel

text-indent用来规定文本块中首行文本的缩进，但是px是绝对单位，20px不一定正好是两个字符，而em是相对单位，1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px

查看全部

0 采集收起来源：练习题
2016-05-20