45fan.com - 路饭网

搜索: 您的位置网站首页>标签列表>
  • 2018-06-20 11:27:15Css浮动的特性如何?
  • Css浮动的特性如何? 本文介绍了CSS浮动的特性,分享给大家,顺便给自己留个笔记 浮动具有以下特性: 盖不住的文本 浮动元素后面不是块级元素,后面的元素将会和它并排(除非设置了元素的宽度,并且屏幕放不下时将会换行) 浮动元素的上一个元素如果没有浮动... [阅读全文]
  • 2018-06-20 11:20:33CSS display box新属性怎么样?
  • CSS display box新属性怎么样? 一、display:box; 在元素上设置该属性,可使其子代排列在同一水平上,类似display:inline-block;。 二、可在其子代设置如下属性 前提:使用如下属性,必须在父代设置display:box; 1.box-flex:number; 1)占父级元素宽度的numb... [阅读全文]
  • 2018-06-19 08:25:10怎么样使用纯HTMl和css实现JD轮播图效果?
  • 怎么样使用纯HTMl和css实现JD轮播图效果? 使用了纯HTML和CSS实现了JD的轮播图,没有加动态效果,主要是使用了定位的知识。 ,如图为两个侧边箭头图片。 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titleLunBo/title style *{ padding: 0; margin: 0... [阅读全文]
  • 2018-06-11 08:40:17怎么样在Less中写IE的CSS hack?
  • 怎么样在Less中写IE的CSS hack? Less中直接在属性后面加hack写法会编译报错的。那么怎么解决呢? 第一种方式: IE7 以display:inline-block为例: less的hack写法: .box{ display: inline-block; *display:inline; *zoom: 1;} 编译出来的结果也是 .box{ di... [阅读全文]
  • 2018-05-23 11:22:43css布局之定位与浮动的方法
  • css布局之定位与浮动的方法 在css知识体系中,除了css选择器,样式属性等基础知识外,css布局相关的知识才是css比较核心和重要的点。今天我们来深入学习一下css布局相关的知识。 上篇文章我们讲完了css布局中盒模型和元素分类的相关知识,同时介绍了box-sizi... [阅读全文]
  • 2018-05-14 19:02:58如何使用css实现精灵图与字体图标?
  • 如何使用css实现精灵图与字体图标? 精灵图: 在以前,每个图片资源都是独立的一张张图片,浏览器访问网站中的不同网页时是重复获取这一张张图片的,这代表需要访问很多次资源。 为了减少资源的访问次数,将多个常用的图片集合到一张图片中(网页的缓存机制... [阅读全文]
  • 2018-05-07 21:39:38如何使用纯CSS+媒体查询实现网页导航效果?
  • 如何使用纯CSS+媒体查询实现网页导航效果? 附上效果图,如果大家感觉不错,请参考实现代码: 代码如下,复制即可使用: !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titleDocument/title style body { background: #801638; } body, body * { margin... [阅读全文]
  • 2018-05-07 21:20:49纯CSD实现的大型下拉菜单的示例代码有哪些?
  • 纯CSD实现的大型下拉菜单的示例代码有哪些? 这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。 查看演示地址:css_menu 下载源码:css_menu_jb51.rar HTM... [阅读全文]
  • 2018-04-24 08:03:02如何使用纯CSS实现可折叠树状菜单功能?
  • 如何使用纯CSS实现可折叠树状菜单功能? 1:Html代码 lilabel for=subsubfolder1下级/labelinput id=subsubfolder1 type=checkbox /olli class=filea下级/a/lililabel for=subsubfolder2下级/labelinput id=subsubfolder2 type=checkbox /olli class=filea无... [阅读全文]
  • 2018-04-23 21:46:45怎么样使用CSS模仿遥控器按钮功能?
  • 怎么样使用CSS模仿遥控器按钮功能? 注:本demo在小程序环境中测试,其他h5,pc网页通用,只需将小程序单位和标签名改成通用的即可,并按照自己的需求做适配即可。 大体思路:四个相同的正方形田字形布局,配合旋转属性即可。 html结构 view class=button-gr... [阅读全文]
  • 2018-04-23 21:24:09纯CSS实现radio和checkbox实现效果示例都有什么。
  • 纯CSS实现radio和checkbox实现效果示例都有什么。 radio-and-checkbox 纯CSS实现radio和checkbox实现效果 reset-radio 在开发PC端的项目时,经常会用到radio和checkbox组件,可是因为原生的样式相对来说不符合设计师的设计风格,所以我们可能会经常引用第三... [阅读全文]
  • 2018-04-23 19:25:55css counter相关属性知识介绍
  • css counter相关属性知识介绍 css counter属性被几乎所有浏览器(包括IE8)支持, 但是却不常使用, 这篇文章就带大家学习了解下这些属性 COUNTER-RESET 明译为计数器重置。形如: counter-reset: counter-name 常见写法为 /* Set counter-name to 0 */count... [阅读全文]
  • 2018-04-23 08:03:40纯CSS实现导航栏下划线跟随的示例代码有哪些?
  • 纯CSS实现导航栏下划线跟随的示例代码有哪些? 本篇文章主要介绍了纯CSS实现导航栏下划线跟随的示例代码,分享给大家,具体如下: 效果: 代码: html: ul liaaaa/li libbbbbbb/li licccc/li lidddd/li lieeee/li/ul css: ul { padding:0; margin:0; font-... [阅读全文]
  • 2018-04-21 21:33:33CSS flex弹性布局的详细介绍
  • CSS flex弹性布局的详细介绍 案例基础布局 html ul class=box li class=item/li li class=item/li li class=item/li li class=item/li /ul css .box{ display: -webkit-flex; display: flex; } .item{ width: 200px; height: 300px; background: red; border... [阅读全文]
  • 2018-04-21 19:36:50怎么样使用css轮廓outline?
  • 怎么样使用css轮廓outline? 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。 border:1px solid red;outline-style:dotted;outline-color:#00ff00; !DOCTYPE ht... [阅读全文]
  • 2018-04-21 19:17:51怎么样使用css样式?
  • 怎么样使用css样式? css样式改变及实际用法,先给大家展示效果图,感觉不错请参考实现代码。 效果图如下所示: html xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title引入外部样式/titlelink... [阅读全文]
  • 2018-04-21 19:02:54如何使用css中background_origin属性?
  • 如何使用css中background_origin属性? background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: !doctype htmlhtml head style *{margin:0;padding:0;} .b... [阅读全文]
关于我们 | 联系我们 | 友情链接 | 网站地图 | 手机版 | 返回顶部