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

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

企业网站综合布局实战

最热最新

慕粉3965217

.logo{ height:80px; background-color:#FFF; overflow:hidden; } 一定要加oevrflow的hidden属性，不然nav那里会溢出

查看全部

2 采集收起来源：企业网站制作之导航部分制作（一）
2016-11-25
qq_那个_2 08:11

border:粗细类型颜色 margin:1px 2px 3px 4px; //上右下左 margin:1px 2px；//上下 padding同理

查看全部

2 采集收起来源：盒子模型
2016-11-23
宿雪

把“图像”设置为列表中的项目符号： background list-style-image background-image 只能通过自身属性设置列表中的项目符号： list-style-type（ none无项目符号， disc实心圆， circle空心圆， square实心方块等但是不可以设置图片为项目符号。）

查看全部

2 采集收起来源：练习题
2016-11-18
慕工程2957023

当元素内容不确定时，不能给元素及它的父元素设置固定高度，否则内容会溢出，可以给元素及它的父元素设置一个最小高度min-height PS：ie6 不支持min-height属性，支持_height属性，所以为了兼容性两个都写上以下受影响版块可用清除浮动属性clear:both; 来控制。

查看全部

2 采集收起来源：企业网站内容展示区制作
2016-10-27
慕工程2957023

text-align:right;靠右对齐，如果觉得太靠右了的话，可以设置一个右填充padding-right

查看全部

2 采集收起来源：企业网站制作之课程中心制作
2016-10-26
慕工程2957023

myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目，在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"> <div class="loading"><img src="" alt="图片加载中"/></div> <div class="pic"> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此： //你可以简单的调用---只设置它的盒子id，其它参数全部默认设置： <script type="text/javascript"> myFocus.set({id:'picBox'}); </script> //或详细一点的参数调用：注意picbox需定义宽高 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html

查看全部

2 采集收起来源：企业网站制作之焦点图制作
2018-03-22
慕工程2957023

清除浮动的三种方法：（1）在父div中设置高度和子div相同（2）在父div中设置overflow:hidden （3）在子div后面跟着定义一个<div class="clear"></div>，然后该选择器使用clear:both等处理。

查看全部

2 采集收起来源：编程练习
2018-03-22
琉璃锁 11:11

盒子模型的宽度的计算示例

查看全部

2 采集收起来源：盒子模型
2018-03-22
琉璃锁

盒子宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距. 盒子高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距.

查看全部

2 采集收起来源：盒子模型
2018-03-22
慕粉15710699824

添加视频——引入其他网站的视频直接从网站的视频分享中选中html复制，然后自定义宽高优点：不用考虑视频优化维护问题，也不用考虑视频所占用的空间的大小；缺点：播放会有原网站的广告，若网站视频删除，引用也会相应失败！

查看全部

2 采集收起来源：企业网站制作之侧边栏制作
2016-07-22
慕粉2156528

*{ margin:0; padding:0; } .topList{ width:400px; height:180px; border:1px solid #E8E8E8; margin:0 auto; padding：5px; } .topList li{ list-style-type:none; margin:5px; } .topList em{ width:20px; height:16px; line-height:16px; font-style:normal; background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat; background-position:0 -16px; display:block; float:left; } .top em{ background-position:0 0; } .topList a:link, .topList a:visited{ text-decoration:none; color:#999; } .topList a:hover, .topList a:active{ text-decoration:none; color:#FD0303; }

查看全部

2 采集收起来源：编程练习
2016-06-28
左手键盘右手鼠标

<img>标签也是内联元素如果要水平居中的话应该使用display:block;margin:0 auto;

查看全部

2 采集收起来源：编程练习
2018-03-22
javaadu

清除浮动的三种方法：（1）在父div中设置高度和子div相同（2）在父div中设置overflow:hidden （3）在子div后面跟着定义一个<div class="clear"></div>，然后该选择器使用clear:both等处理。代码如下： <div class="mainBox"> <div class="leftBox"></div> <div class="rightBox"></div> <div class="clear"></div> </div> 然后CSS代码为： .mainBox{ width:960px; background-color:#CFF; } .leftBox{ width:740px; height:300px; background-color:#C9F; float:left; } .rightBox{ width:210px; height:300px; background-color:#FCF; float:right; } .clear { clear:both; height:0;/*解决IE6下有高度的问题*/ overflow:hidden; }

查看全部

2 采集收起来源：编程练习
2018-03-22
小丸子3189053

嵌套列表

查看全部

1 采集收起来源：编程练习
2016-04-25
心静自在

padding 设置两个值时，第一个是上下，第二个是左右

查看全部

1 采集收起来源：盒子模型
2018-03-22