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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 加载……
    查看全部
  • 焦点图重点
    查看全部
  • 引入外部文件
    查看全部
  • 大盒子嵌套
    查看全部
  • 块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。 px是【绝对单位】 em是【相对单位】,1em的大小是当前1个字体的大小,因此2em正好是两个字符 样式设置属性: 标题:font-family;font-size;text-align;margin 内容(文字+图片):font-size;line-height;text-indent;padding 1.首行缩进: text-indent:2em; 段落首行缩进两个字符 2.text-indent的值允许是负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px;
    查看全部
  • A标签是内联元素,为了使内联元素具有块级元素的一些属性同时使所有的a标签显示在同一行上,我们需要把a标签设置为行内块元素inline-block。
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-20

  • <a>是一个内联元素,为了使<a>同时具有内联元素和块级元素的属性和特点,即:可以在一行内显示多个元素,又可以设置其宽和高,同事能使其在W3C和IE中都兼容, 页码制作是使用:display:inlin-block; 页码的代码:<a href="#">首页</a><a href="#">&lt;</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">&gt;</a><a href="#">末页</a>
    查看全部
  • 1.当鼠标悬浮在超链接上时,列表项样式设置既有背景图片,又有背景颜色的,且背景图片不重复,此时在左边显示背景图片,没有背景图片的地方显示背景颜色。 2.鼠标悬浮时,背景颜色改变没有占据整行,只改变了文字颜色因为<a>为内联元素,要想它宽高起作用,就要设成块元素 display:block。 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center; --背景图片不重复向左垂直居中。 块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr /> 2.内联元素,默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。 3.内联元素要变成块级元素增加:display:inline增加这段代码就可以了。
    查看全部
  • min_height:350px; 最小350px _height:350px; 兼容IE6 要同时使用 下面的盒子被上面的内容覆盖 是因为上面盒子的浮动是盒子脱离了标准文档流 需要清除浮动 clear:both . 新闻内容页,不设置固定的height值,因为内容大小不确定,所以设定min-height值(IE6不支持) 2. 仅仅设置min-height值,不能解决内容过大溢出容器、影响版权div的问题,所以要给版权div清除浮动,用clear: both; 3. IE6不支持min-height,解决办法:用css hack的写法,_height:350px,这种写法只有IE6识别 4. 新闻内容页(list-content)外还有容器list-main,不要忘记给它也设置min-height(而不是height)、_height 盒子会根据内容自适应增长的,在子div和父div中应该加上min-height:最小长度值,并且在这个盒子底部的div也应该加上clear:both;清楚左右浮动。避免上面的盒子覆盖住下方盒子的内容。
    查看全部
  • 图片设置的行内样式<div class="ad" id="pic_box" > 1,行内样式的优先级高于外部样式 2,行内样式适用于写少量样式的地方
    查看全部
  • 底部版权用dl dt dd更符合语义化。 1、样式覆盖,对同一标签的样式,后面定义的会覆盖前面相同属性部分 2、css中就近原则:标签离哪一种样式比较近,就采用哪一种样式!
    查看全部
  • 添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,若网站视频删除,引用也会相应失败!
    查看全部
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。 text-align:center; font-style:normal;/*不倾斜*/ backgroung-position:/*背景的绝对定位*/ 1.em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效 2.所有em的背景图片均为num.gif,通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴(-左移 +右移) y轴(-上移 +下移) 3,{margin:0;padding:0;}先清除默认样式 项目列表设计: 1、去除列表样式; 2、想左浮动; 3、设置固定宽度,可用百分比来平均定宽; 4、设置高度和行高;
    查看全部
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。 text-align:center; font-style:normal;/*不倾斜*/ backgroung-position:/*背景的绝对定位*/ 1.em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效 2.所有em的背景图片均为num.gif,通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴(-左移 +右移) y轴(-上移 +下移) 3,{margin:0;padding:0;}先清除默认样式
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-20

  • 在代码中把日期放在标题的左侧,可以防止在IE浏览器中日期错位的情况。 日期用<span>标签,新闻内容用<a>标签 border-bottom:1px dotted #ccc 表示列表下面灰色圆点间隔线 给行内元素 设置 display:block; 就可以设置他的 width 和height了
    查看全部

举报

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

微信扫码,参与3人拼团

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

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