摘要: position 属性指定了元素的定位类型。 position 属性的五个值:static relative fixed absolute sticky 1.static static定位就是没有定位,遵循正常的文档流对象 2.fixed 元素的位置相对于浏览器窗口是固定位置,不占据空间,和其它元素 阅读全文
posted @ 2020-08-28 00:57 cpers 阅读(184) 评论(0) 推荐(0)
摘要: display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏。 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是这两种方法会产生不同的结果。 isibility:hidden可以隐藏某个元素,但隐藏的 阅读全文
posted @ 2020-08-27 21:02 cpers 阅读(190) 评论(0) 推荐(0)
摘要: CSS伪元素::after用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。 语法 element:after { style properties } /* CSS2 语法 */ element::after { s 阅读全文
posted @ 2020-08-27 20:51 cpers 阅读(1912) 评论(0) 推荐(0)
摘要: cursor属性设置光标样式,它可以有以下的值 url 需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 poin 阅读全文
posted @ 2020-08-06 19:56 cpers 阅读(876) 评论(0) 推荐(0)
摘要: 在编写静态页面时,我们经常会遇到这样的图片 这时,我们只需要图片的一部分 如果只是使用第一个小图片,我们直接设置宽高为小图片的宽高即可 .jd-service i{ display: block; width:24px; height:24px; margin:15px auto 8px; back 阅读全文
posted @ 2020-08-06 19:26 cpers 阅读(240) 评论(0) 推荐(0)
摘要: 一.首先我们下载需要的自定义字体 二.在工程中导入自定义字体包fonts 三.在css文件中引用自定义字体 @font-face{ font-family: 'icomoon'; src:url('../fonts/icomoon.eot?axvffw'); src:url('../fonts/ic 阅读全文
posted @ 2020-08-06 17:34 cpers 阅读(489) 评论(0) 推荐(0)
摘要: 一.footer部分的制作分析 footer部分比较简单,只有一个靠右的横向列表 二.代码的实现 1.HTML代码 <div class="foot"> <div class="foot-box"> <a href="">Home</a> <a href="">About</a> <a href=" 阅读全文
posted @ 2020-07-28 14:15 cpers 阅读(328) 评论(0) 推荐(0)
摘要: 一.最新资讯的制作分析 首先,我们可以将最新资讯分为上下两部分,标题和内容 然后内容又可以分为左右两部分,左边是一张图片,右边是文字div 文字div又可以分为左右两部分,分别使日期和内容 内容又可以分为上下两部分 二.代码的实现 1.HTML代码 <div class="briefed"> <di 阅读全文
posted @ 2020-07-28 14:04 cpers 阅读(139) 评论(0) 推荐(0)
摘要: 一.客户案例的制作分析 客户案例可以上下分为三部分来制作 第一部分放置客户案例的标题以及标题下的段落文字 第二部分放置三张图片 第三部分放置一个按钮 二.代码的实现 1.HTML代码 <div class="customer"> <div class="customer-header"> <div 阅读全文
posted @ 2020-07-28 13:35 cpers 阅读(189) 评论(0) 推荐(0)
摘要: 一.服务范围的制作分析 首先,可以将此部分分为上下两部分,上面使标题,下面是内容 下面部分可以拆分为四部分内容 二.代码的实现 1.HTML代码 <div class="section"> <div class="section-header"> <div class="section-header 阅读全文
posted @ 2020-07-28 13:11 cpers 阅读(183) 评论(0) 推荐(0)