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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2016-01-25

  • 1. 添加表单,用form标签,在form中添加文本框,input标记,type属性<br> <form action="" method="post"><br> <input type="text" class="search_text"/><br> </form><br> 2.让文本内容在盒子垂直方向上居中,则让行高值等于盒子高度即可<br> 3.a:link表示为超链接初始状态 a:visited表示为状态和超链接之下的访问后状态<br> hover表示鼠标经过时的状态 active表示按下鼠标之后的状态<br> 4.填充:即设置盒子中的内容与盒子四周的距离,不想让输入的字覆盖到搜索图片上就使用填充,数值设置为图片的宽,即输入的文本最长输入到据盒子距离图片宽的位置上。<br> 5.对文本样式进行操作,无样式即<br> text-decoration:none; 6.list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,即去除列表项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等
    查看全部
  • <!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>无标题文档</title> <style type="text/css"> /*在此定义相应的类选择器,并根据要求设置相关CSS属性*/ .mainBox{ width:960px; height:300px; background:#cff; } .leftBox{ width:740px; height:300px; background:#c9f; float:left; } .rightBox{ width:210px; height:300px; background:#fcf; float:right; } </style> </head> <body> <!--在此添加相应的div标签--> <div class = "mainBox"> <div class = "leftBox"></div> <div class = "rightBox"></div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1.焦点图初始化的ID必须与图片列表最外层的id一致。2。图片列表的外层必须包裹一个class为pic的div
    查看全部
  • 盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-01-24

  • <!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=utf-8" /> <title>盒子模型练习题</title> <!--在此定义一个类选择器myBox,根据要求设置相关CSS属性--> <style type="text/css"> .myBox{ width:200px; height:100px; border:1px color:red solid; margin-top:10px; padding-left:15px; } </style> </head> <body> <div class = "myBox">Hello World!</div> <!--在此添加一个div标签,并设置其class属性为myBox--> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 常规页面设置
    查看全部
  • 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理: 1.在浮动元素后加个div设置clear: both; height:0,overflow:hidden; 2.使用clearfix; 3.设置父元素浮动;
    查看全部
    0 采集 收起 来源:练习题

    2016-01-24

  • div设置float属性,脱离标准文档流,不占文档空间,后续div会与前面div有重叠
    查看全部
    0 采集 收起 来源:浮动 float

    2016-01-23

  • 在css中,给div设置的width和height属性是指内容区域的宽度和高度,padding,border和margin属性的设定不会影响内容区域,但会影响元素的总尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2016-01-23

  • 填充(padding),边框(border),边距(margin)都可以单独设置
    查看全部
    0 采集 收起 来源:盒子模型

    2016-01-23

  • margin为外边距,即盒子之间的间距,有margin-top,margin-right,margin-bottom,marin-left四个属性
    查看全部
    0 采集 收起 来源:盒子模型

    2016-01-23

  • 1.利用vertical-align 来设置图片与文本居中对齐; 2.图片后面要加文字的话得用内联属性标签span; 3.当div中只设置宽度但没有文本的话得设置高度才行;
    查看全部
  • 首页分区
    查看全部
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等,但是不可以设置图片为项目符号
    查看全部
    0 采集 收起 来源:练习题

    2016-01-21

举报

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

微信扫码,参与3人拼团

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

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