input-group+navs

本文介绍了前端开发中样式定制的方法,包括使用CSS进行布局调整、LESS预处理器的应用、输入框及按钮组的设计技巧等。同时探讨了如何创建个性化导航条,并深入到具体的样式类设置。

这些都比较简单了,量比较多,需要仔细的看与研究。无聊的时候研究一下。

我把那几个字体搞成字体库好了。字库不错 | 资料2

搞一个自己的东西出来。

css:resize资料

js解析不错

input-group.less

input组
1. 基本样式类
2. 尺寸类
3. 作为table-cell显示
4. 文本输入组
5. 重置圆角
6. 按钮输入组

  1. 基本样式类
  2. 打开下拉菜单
  3. 分割样式
  4. tab切换
  5. 胶囊导航
  6. 合理的导航
  7. 需要细细的看啊

一些伪类的串联选择器用嵌套+&实现

导航

这些类自己比着写一遍的
一般都是ul li a 什么的,之类的
- 基本的样式
- 切换与胶囊样式
- 两端对齐与堆叠式的
- 禁用

感觉接下来会用就行了。样式什么的以后慢慢的看,一时解决不了的这是。

导航条

基本的容器类.navbar
导航头类.navbar-header
导航栏容器类.navbar-collapse
固定或静态串联或后代的导航栏类样式
container容器里的导航头与导航栏

静态头部类.navbar-static-top
固定容器类
项目名的容器类,可以放图片等,
js交互用的类.navbar-toggle
连接样式组.navbar-nav

内联表单的容器.navbar-form
下拉菜单组合类
导航中的按钮类
导航中的文本类
位置对齐类

(一组样式,可以覆盖以上)候补导航条样式 .navbar-default(有个非导航的默认链接)
(一组样式,可以覆盖以上)反色导航类
用的话要添加不少类名的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值