为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • 1. rem 与 em 类似 2. rem 会继承根元素的字体大小 3. html {font-size: 62.5%;}
    查看全部
    0 采集 收起 来源:单位

    2017-12-29

  • 1. 1em = 16px (但不完全是)(大小不固定) 2. em会继承父级元素的字体大小 3.IE的部分浏览器不支持em
    查看全部
    0 采集 收起 来源:单位

    2017-12-29

  • <body> <div class = "text col-lg-3 col-md-4 col-sm-6 col-xs-12 col-lg-offset-3"> // offset:向左偏移1/4 전체 12몫에서 3, 4, 6, 12 (1/4, 1/3, 1/2, 1)
    查看全部
    0 采集 收起 来源:栅格布局

    2018-03-22

  • <style> *{ padding: 0; } .test{ width: 300px; height: 200px; background: blue; } @media screen and (max-width:900px) and (min-width:500px){ // 500px <width < 900px 일때 아래처럼 변한다 .test{ width:300px; height:200px; background:green; } </style>
    查看全部
    0 采集 收起 来源:栅格布局

    2018-03-22

  • <button class = "btn btn-default btn-lg"> 흰 버튼 </button> // btn-lg: 크기 large <button class = "btn btn-success btn-sm"> 초록 버튼 </button> // btn-sm: 크기 small <button class = "btn btn-primary active"> 파란 버튼 </button> // active: 버튼 이미 누른 상태로 <button class = "btn btn-info btn-block"> 하늘색 버튼 </button> // block: 버튼이 전체 한줄로 <button class = "btn btn-warning" disabled="disalbed"> 못 누르는 버튼 </button> <button class = "btn btn-danger"> 빨간 버튼 </button> <button class = "btn btn-link"> 링크 버튼 </button>
    查看全部
  • <table class="table table-striped table-bordered table-hover"> ... <tr class="danger"> // red warning // yellow info // blue success // green active // ? (옅은)
    查看全部
  • <p class="h1"> aaa </p> .h1 - .h6 <mark> // 强调文本,底边变黄 <del> // 中间有横线 <ins> // 下划线 <u> // 下划线 <small> // 文字变小(小标题) <strong> // 文字加粗 <p class="text-left"> aaa </p> <p class="text-center"> aaa </p> <p class="text-right"> aaa </p> <p class="text-lowercase"> HELLO </p> // hello <p class="text-uppercase"> hello </p> // HELLO <p class="text-capitalize"> hello </p> // Hello (首字母大写)
    查看全部
  • bootstrap环境搭建
    查看全部
  • 排版标题
    查看全部
  • 特性————
    查看全部
  • Em是相对父元素,进行单位换算,但是不同浏览器,em默认值不同,谷歌默认?12。。。 rem相比em优点,为根元素字体大小,html默认为16px font-size:62.5% 16*0.625=10px 14px 1.4rem
    查看全部
    0 采集 收起 来源:单位

    2017-12-26

  • Viewport meta标签中的Viewport 1、width,height 2、user-scalable,initial-scale 3、maximum-scale、minimun-scale(最大放大多少倍,最小放大多少倍) <mate name="viewport" content="width=device-width,initial-scale=1.maximum-scale=1,minimum-scale=1,user-scalable=no">
    查看全部
    0 采集 收起 来源:viewport

    2018-03-22

  • h1 36px h2 30px h3 24px h4 18px h5 15px h6 12px
    查看全部
  • 怎么解决:在高清屏下,1px边框变粗问题? 原因:ip6一个像素可以绘制多个点
    查看全部
    0 采集 收起 来源:viewport

    2017-12-25

  • 通过不同标签控制文字的状态,small u mark del 通过class实现英文字母大小写转换 .text-uppertext
    查看全部

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML、CSS、JavaScript有一定的了解。
老师告诉你能学到什么?
(1)如何快速搭建网页 (2)如何使用组件开发 (3)使用bootstrap插件实现网页的开发

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!