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

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

企业网站综合布局实战

最热最新

DHQ0

vertical-align 属性设置元素的垂直对齐方式。
说明
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

查看全部

1 采集收起来源：企业网站制作之导航部分制作（一）
2018-04-03
慕用1263175

盒子在页面中占的总宽度为：左边距+左边框+左填充+宽度+右填充+右边框+右边距。增加左右填充后会使盒子总宽度增加10px+20px=30px，因此应该把盒子的宽度减少30px，才能保证盒子在页面中占的总宽度不变。

查看全部

0 采集收起来源：练习题
2018-03-31
琥珀之色

内容写在body 里
<div class="属性">接内容</div>

查看全部

0 采集收起来源：编程练习
2018-03-30
琥珀之色

类选择器之前要加<style></style>

查看全部

0 采集收起来源：编程练习
2018-03-30
qq_温烫的殷伤_0

页码的代码：<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a>
<a>是一个内联元素，为了使<a>同时具有内联元素和块级元素的属性和特点，即：可以在一行内显示多个元素，又可以设置其宽和高，同事能使其在W3C和IE中都兼容，页码制作是使用：display:inlin-block;

查看全部

2 采集收起来源：企业网站页码制作
2018-03-28
AmourLuoTongZhou

1，设置个height为0的div,这样等于阻止了div2去占用div1的位置。2，为div设置一个class="clearfix"的类，然后统一对.clearfix进行样式设置，这样做的好处是，你需要时就为它添加一个class="clearfix"。3.好理解，没高度给他个高度就撑起来了不是？第二种方法需要去搜一搜才好理解。

查看全部

0 采集收起来源：练习题
2018-03-25
慕粉1113231891 00:13

，

查看全部

0 采集收起来源：网站分析与展示
2018-03-25
慕田峪7346076

nav部分占两行的问题原因：img作为内联元素，会和文字一样具有行高和字号属性，默认对齐baseline.通过截图可以看到，nav部分实际高是83px>80px，溢出了。解决方案有以下四种（根据情况任选其一）： 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0;

查看全部

0 采集收起来源：企业网站制作之导航部分制作（一）
2018-03-23
徐新帅

学会了

查看全部

0 采集收起来源：企业网站左侧列表制作
2018-03-21
爱吃肉的小新新

<!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"> /*在此定义相关样式，控制列表的显示形式*/ .menu li{ float:left; list-style-type:none; width:50px; height:30px; } .menu a { text-decoration:none; line-height:30px; display:block; text-align:center; } .menu a:link,a:visited { color:#000; } .menu a:hover,a:active { color:#fff; background-color:#be3948; } </style> </head> <body> <h3>课程难度</h3>  <div class="menu"> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </div> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
花开微凉zlt

https://www.cnblogs.com/xpnew/p/myfocus_download.html这个网站最下面有百度云盘文件myfocus下载

查看全部

1 采集收起来源：企业网站制作之焦点图制作
2018-03-18
仁哥

li a{ display: block; }

查看全部

0 采集收起来源：企业网站左侧列表制作
2018-03-22
慕斯9987839

xc

查看全部

0 采集收起来源：盒子模型
2018-03-08
前车之鉴后车之师

<style> .myBox{ width:183px; height:88px; border:1px solid red; margin-top:10px; padding-left:15px; } </style>

查看全部

0 采集收起来源：编程练习
2018-03-22
流觞醉月

自己写了几个小时搞出来了自认为比效果图好看

查看全部

0 采集收起来源：编程挑战
2018-03-06