会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
cpers
博客园
首页
新随笔
联系
订阅
管理
2020年8月28日
CSS的几种定位方式
摘要: position 属性指定了元素的定位类型。 position 属性的五个值:static relative fixed absolute sticky 1.static static定位就是没有定位,遵循正常的文档流对象 2.fixed 元素的位置相对于浏览器窗口是固定位置,不占据空间,和其它元素
阅读全文
posted @ 2020-08-28 00:57 cpers
阅读(184)
评论(0)
推荐(0)
2020年8月27日
CSS隐藏---Display 与 Visibility
摘要: display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏。 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是这两种方法会产生不同的结果。 isibility:hidden可以隐藏某个元素,但隐藏的
阅读全文
posted @ 2020-08-27 21:02 cpers
阅读(190)
评论(0)
推荐(0)
::after的用法
摘要: CSS伪元素::after用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。 语法 element:after { style properties } /* CSS2 语法 */ element::after { s
阅读全文
posted @ 2020-08-27 20:51 cpers
阅读(1912)
评论(0)
推荐(0)
2020年8月6日
CSS cursor 属性设置光标样式
摘要: cursor属性设置光标样式,它可以有以下的值 url 需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 poin
阅读全文
posted @ 2020-08-06 19:56 cpers
阅读(876)
评论(0)
推荐(0)
background-position图片定位
摘要: 在编写静态页面时,我们经常会遇到这样的图片 这时,我们只需要图片的一部分 如果只是使用第一个小图片,我们直接设置宽高为小图片的宽高即可 .jd-service i{ display: block; width:24px; height:24px; margin:15px auto 8px; back
阅读全文
posted @ 2020-08-06 19:26 cpers
阅读(240)
评论(0)
推荐(0)
@font-face自定义字体的使用
摘要: 一.首先我们下载需要的自定义字体 二.在工程中导入自定义字体包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)
2020年7月28日
七.footer部分的制作
摘要: 一.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)
下一页
公告