为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 填充就是来设置盒子的内容,及盒子四周的距离。
    查看全部
  • 垂直居中小技巧:设置行高与盒子高度一样。
    查看全部
  • backgroud:url() no-repeat; 等同于background-image:url(); background:no-repeate; 1、IE不支持圆角样式,所以使用背景图片的方法来实现,且设置左、中、右浮动; 2、在盒子中有浮动元素时,当div没有内容时,div框架很可能会不显示出来,这时设置高度可以把div框架撑开 3、对于多个重复的样式时,可将其组合起来,仅写一个样式。
    查看全部
  • 让图片与文本居中对齐,可将图片的对齐方式改为居中对齐,即:vertical-align:middle;
    查看全部
  • 盒子高度和行高一样,文字垂直居中
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-2 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;; 5、让列表元素浮动,而又不改变列表顺序,可直接对整个列表(即<ul>或<ol>)设置浮动; 6、设置超链接样式默认样式,链接样式:“a:link”、“a:visited”,焦点样式:“a:hover”、“a:active”;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-1 首页布局分析 分析盒子的嵌套关系后再Coding 自顶向下,逐步细化的分析方法。
    查看全部
  • 清除浮动的三种方法: (1)在父div中设置高度和子div相同 (2)在父div中设置overflow:hidden (3)在子div后面跟着定义一个<div class="clear"></div>,然后该选择器使用clear:both等处理。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边缘为止。 当同一行不能容纳所有浮动的盒子时,盒子会被挤到下一行。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现的就像浮动框不存在一样。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-11-08

  • 条件样式的时候,注意别忘记type="text/css"<br> <br> <style type="text/css"><br> .myBox<br> {<br> width:200px;<br> Height:100px;<br> border:1px solid red;<br> padding-left:15px;<br> margin-top:10px;<br> margin-left:15px;<br> }<br> </style><br> <!--在此添加一个div标签,并设置其class属性为myBox--><br> <div class="myBox">Hello World!</div>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • @--企业网站综合布局实战-第2章 必备基础知识 2-1 盒子模型 盒子模型: css中,width/height指内容区域的宽度和高度。 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ------ 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-11-08

  • ....
    查看全部
  • @charset "utf-8"; /* CSS Document */ *{margin:0px; padding:0px; font-size:12px;/*字本大小*/ color:#306;/*小盒子内的字体颜色 如果不设置COLOR属于则按这个红色继承*/ text-align:center;/*文字排列方式*/ font-family:Verdana, Geneva, sans-serif;/*字体样式*/ font-weight:bold; /*字体加粗*/ } /*这上面一段是定义全局的盒子模式*/ .zy{ line-height:600px;/*元素的行高*/ width:300px;/*盒子宽度*/ height:600px;/*盒子高度*/ margin-top:0px; /*盒子外的上边距*/ margin-bottom:0px;/*盒子外的下边距*/ margin-left:0px;/*盒子外的左边距*/ margin-right:5px;/*盒子外的右边距*/ background-color:#63F;/*背景颜色*/ border:1px solid #F00; /*盒子外边框大小1像素 solid 实线 #foo 红色*/ padding-top:10px; /*内容与盒子的边距.同样也有 padding-top等属性*/ float:left;/*向左浮动-注----不设浮动属性的IE照普通显示效果*/ clear:left;/*无视左浮动的盒子*/ }
    查看全部
  • 焦点图ID要与图片列表最外层ID一致
    查看全部
  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2015-11-06

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!