![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css系列
GQ_cyan
怀揣着大神梦的菜鸟小白(2016),慢慢长大(2020) 【承接网站,小程序,H5等一系列前端相关外包】
展开
-
Jquery图片自动幻灯片效果
效果如图:首先Html文件: 1 2 3 4 5 其次css文件: body,div,ul,li{margin:0;padding:0;}ul{list-s原创 2017-03-20 17:36:06 · 1137 阅读 · 0 评论 -
jQuery鼠标滑过展示层效果
本效果就是小米官网首页鼠标滑过显示层级效果:首先,Html文件代码: 在html中需要明白的是在大div框架下,导航与要显示内容包裹在一个层级标签中序列显示。 手机 数码 合约机 荣耀3X 单反 智能设备 电脑装机原创 2017-03-20 17:01:50 · 678 阅读 · 0 评论 -
Bootstrap---导航条响应式
导航条: .navbar .navbar-fixed-top .navbar-fixed-bottom .navbar-inverse .navcollapse data-target="#example-navbar-collapse" data-toggle="collapse" class="navbar-toggl原创 2016-09-08 21:47:37 · 887 阅读 · 0 评论 -
Bootstrap组件---下拉菜单,多级菜单 ,按钮
下拉菜单 ,dropdown(.dropup改变这个是上显示) data-toggle="dropdown" (激活文本处) .dropdown-menu .pull-left .pull-right 注意: .dropdown-submenu(多级导航中,可能bootstrap中没有)自行添加: .dropdo原创 2016-09-08 19:32:51 · 22062 阅读 · 2 评论 -
Bootstrap中css优化
分类描述CSS优化内容;1,文本:.muted:提示 .text-warning:警告 .text-error:错误 .text-success:成功 .text-info:信息 位置:.text-left .text-right .text-center 缩略语:(cite 也可以实现) 地址: 引用:...原创 2016-09-07 19:58:18 · 901 阅读 · 0 评论 -
Bootstrap中的栅格系统所用类
1,普通栅格: .raw:栅格容器 .span1~12:栅格宽度等级 .offset1~12:栅格移动位置 响应式栅格: .row-fluid:容器 其他相同2,布局 固定式(.containter)流视布局(.containter-fluid) 响应式布局 使用时,需要引入文件即可( )原创 2016-09-07 19:40:48 · 597 阅读 · 0 评论 -
Bootstrap概述
1,下载bootstrap文档:https://github.com/twbs/bootstrap2,文档描述:docs文件是参考文档 (2)js文件是js库 (3)img文件里是图标 (4)less文件是css脚本文件 (5)dist文件中有css,js等 最重要的是其内部的bootstrap.min.js bootstrap.min.css jquery.mi原创 2016-09-07 18:59:22 · 517 阅读 · 0 评论 -
我的个人博客--前端管理篇
我的前端可是满满的少女心呢!首先网页logo是我弄的哦,页面的图片也是我选的我做的呢,网页除了导航部分有六个,分门别类的收藏者我的博文记录;每一个对应一个控制器;首页部分相对而言难度不带,控制器实例化数据表,通过前端呈现出来,首页下部分主要呈现的是我每个大类的阐述和感悟;在各个分页中点击是其下部分存在二级导航,而正文中所列的是给类别下的文章及文章的概言。几个页面的右侧部分是公用原创 2016-09-04 16:15:25 · 1053 阅读 · 1 评论 -
Bootstrap---标签,徽章,缩略图,警告文字,进度条,媒体工具,列表,面板
1,标签 labellabel-default label-primary label-success label-info label-warning label-danger2,徽章badge 42 3,缩略图.thumbnail4,警告.alter.alert-success、.alert-info、.ale原创 2016-09-08 23:13:59 · 672 阅读 · 0 评论 -
Bootstrap---面包屑导航,分页
面包屑: .breadcrumb代码实现:无标题文档 首页 我的文章 详细分页: .pagination代码实现: « 1 2 3 4 5 »原创 2016-09-08 22:14:57 · 1031 阅读 · 0 评论 -
css清除浮动
浮动,简言之就是父元素因子元素的浮动无法撑开;清除浮动: (1)给父元素设置一定高度(一般不适用,对于固定高度容器使用) (2)用clear:both,在父元素后加一子层并设clear:both: 上述例子为说明clear:both清除浮动的用法原创 2017-04-10 08:55:40 · 388 阅读 · 0 评论