![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习html+css
b84615814
这个作者很懒,什么都没留下…
展开
-
css中大于号的作用
//样式div span{ font:10px; color:green;}div>span { font:10px; color:blue;}//代码 孙子 儿子1 儿子2孙子边框不是blue而儿子的边框才是blue,孙子边框为绿色。...2015-04-05 08:35:07 · 332 阅读 · 0 评论 -
bootstrap的进度条
进度条:外部div调用 progress progress-striped active。后两个分别是条纹 动态里面div调用progress-bar progress-bar-success style="width:40%"然后文字就直接加 Bootstrap 实例 - 进度条 ...原创 2015-04-07 12:18:13 · 114 阅读 · 0 评论 -
bootstrap中的缩略图
横向:外部div调用row然后里面每张图片创建一个div然后运用栅格,之后里面普通:四张图 ...图片下面有按钮和文本则把a换成div(thumbnail)然后里面div是调用caption然后添加 Thumbnail label...原创 2015-04-07 12:09:43 · 201 阅读 · 0 评论 -
bootstrap的导航条
普通样式首先创建一个nav调用 navbar navbar-default(反色navbar-inverse)然后创建一个div是brand标题(navbar-header),然后就是创建一个ul(nav navbar-nav)其中的li中要有a。导航栏的表单(登陆)首先都是nav然后调用navbar navbar-default然后再是div(navbar-h...原创 2015-04-06 21:02:39 · 295 阅读 · 0 评论 -
bootstrap中icon的常用用法
[size=large][b]场景一[/b][/size]效果:button中使用,通过把button分成两个区域,左区域是超链接的icon+文字,右区域是向下箭头的菜单栏。方法:1.一个大的div+两个(包含span)+一个uldiv调用btn-groupa则用调用btn的样式:btn btn-success (dropdown-toggle)//右区域不会点击不会超...原创 2015-04-06 16:48:31 · 2591 阅读 · 0 评论 -
bootstrap中的checkbox和radio
checkbox 和 radio就是选择框点击按钮如果是纵向排列的话就用多个div每个div对应一个label和checkbox注意:input(class checkbox)要在label中间,文字也是label里面然后如果是横向排列同理是checkbox-inline和radio-inline然是不需要div。只需要一个大的div包括所有的label...原创 2015-04-05 10:51:52 · 313 阅读 · 0 评论 -
bootstrap的表单
[img]http://dl2.iteye.com/upload/attachment/0107/2921/4b747c93-b245-3037-938c-44fd93d12ed7.png[/img][img]http://dl2.iteye.com/upload/attachment/0107/2923/1a210216-58c6-3d5f-a538-5dc846c8de3a.png[/...2015-04-05 10:16:02 · 241 阅读 · 0 评论 -
css中相邻兄弟选择器
.table>tbody+tbody{border-top:2px solid #ddd;}[color=gray]//如果表格中有两个tbody,两者之间会有一条2个像素的横线[/color]2015-04-05 08:55:12 · 168 阅读 · 0 评论 -
css中clear作用的复习
有css定义:p.f1{float:left;width :100px;}p.f2{float:left;width :400px;}则:这个是第1项 这个是第2项 另起一行以上的第三行,会和第一行排在一起,为什么呢,因为当属性设置float(浮动)时,他所在的物理位置已经脱离文档流了,但是大多时候我们希望文档 流能识别float(浮动),或者是希望floa...原创 2015-04-05 08:43:31 · 213 阅读 · 0 评论 -
bootstrap的大屏幕和页面类附加导航
大屏幕: Bootstrap Affix 附加导航: 第一部分 第二部分 第三部分 第四部分 第五部分...原创 2015-04-07 17:52:46 · 222 阅读 · 0 评论