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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 运用myFocus切换效果图的规则,焦点图初始化的Id,与图片列表最外层的Id一致,图片列表外面必须包裹一个class为pic的div,切换效果才能正常显示。 引入步骤: 1、在html标签中引入focus库,再引入风格文件js文件,再引入风格文件css文件; 2、创建div结构,用来填充图片 3、创建调用,简单调用只是myfocus.set({id:"className"})
    查看全部
  • 浮动float 浮动的框可以向左或向右移动,直到它的边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 left:元素向左浮动 right:元素向右浮动 none:默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit:规定应该从父元素继承float属性的值。
    查看全部
    0 采集 收起 来源:浮动 float

    2017-02-19

  • background:url(images/search.jpg) no-repeat right center(分别设置水平方向位置与垂直方向位置); 是background-image;background-repeat;background-position的缩写;
    查看全部
  • a:active:鼠标点击状态; a:hover:鼠标经过状态 a:link;鼠标未经过状态; a:visited:鼠标经过后状态;
    查看全部
  • list-style-type:设置不同的列表样式。 none 无标记。 disc 默认。标记是实心圆。 circle 标记是空心圆。 square 标记是实心方块。 decimal 标记是数字。 text-align:设置文本对齐方式 eft 把文本排列到左边。默认值:由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit 规定应该从父元素继承 text-align 属性的值。
    查看全部
  • action:是指发送表单数据的地址 method 属性 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。 如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。 在服务器端,一旦 POST 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。 另一种情况是采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。 简短字段用get 复杂字段用post
    查看全部
  • vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。 text-top middle text-bottom % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
    查看全部
  • <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> alt如果无法显示图像,浏览器将显示替代文本 当用户把鼠标移到图像上方,浏览器会在一个文本框中显示描述性文本
    查看全部
  • 选择未访问、已访问、悬浮和活动链接,并设置它们的样式: a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;}
    查看全部
  • charset="gb2312 charset-字符集 gb2312-指的是中文简体字体编码标准 UTF-8 是国际字符编码,也称万国码,国际通用标准。
    查看全部
  • list-style-image 属性使用图像来替换列表项的标记
    查看全部
  • background:url(../images/top_bg.jpg) repeat-x; no-repeat : 是不重复背景图片的 repeat : 重复背景图片 x方向 和 y 方向 同时重复的 repeat-x : x方向即水平方向重复 repeat-y : y方向即竖直方向重复
    查看全部
  • rel是relationship的英文缩写 stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思 rel="stylesheet" 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个新式表 type="text/css"是告诉浏览器,这段标签内包含的内容是css或text; 也就是说如果某种浏览器(特别是wap等手机浏览器械、)不能识别css的,会将代码认为text,从而不显示也不报错。
    查看全部
  • 防止浮动元素父元素塌陷的clearfix的用法: .clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;} .clearfix{*zoom:1;} .clearfix:after { <----在类名为“clearfix”的元素内最后面加入内容; content: "."; <----内容为“.”就是一个英文的句号而已。也可以不写。 display: block; <----加入的这个元素转换为块级元素。 clear: both; <----清除左右两边浮动。 visibility: hidden; <----可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间,只是看不到而已; height: 0; <----高度为0; font-size:0; <----字体大小为0; }整段代码就相当于在浮动元素后面跟了个宽高为0的空div,然后设定它clear:both来达到清除浮动的效果。(这个css的原理是经过使用 after伪对象,它将在应用clearfix的元素结尾添加content中的内容,也就是一个".",并且把他设置为块级元素 (display="block");高度设置为0,clear="both",然后将其内容隐藏掉(visibility="hidden").这样就会撑开此块级元素.) http://www.imooc.com/wenda/detail/11604
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 浮动的定义如图 浮动时两个模块产生重叠原因是浮动框脱离了普通文档流,不再占据普通文档流位置,与普通文档流不再同一个层次。 设置浮动后,两模块宽度和不能超过页面宽度,超过时不能在同一行显示。 清除浮动的意思为:当一模块设置清除浮动clear,即让浏览器认为此模块之前的浮动模块为普通模块,而使得这一模块仍按照普通文档流垂直排列。
    查看全部
    0 采集 收起 来源:浮动 float

    2017-02-18

举报

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

微信扫码,参与3人拼团

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

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