《bootstrap》讲义

《bootstrap》讲义

ID:21424303

大小:415.61 KB

页数:99页

时间:2018-10-22

《bootstrap》讲义_第1页
《bootstrap》讲义_第2页
《bootstrap》讲义_第3页
《bootstrap》讲义_第4页
《bootstrap》讲义_第5页
资源描述:

《《bootstrap》讲义》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、排版样式一.页面排版Bootstrap提供了一些常规设计好的页面排版的样式供开发者使用。1.页面主体Bootstrap将全局font-size设置为14px,line-height行高设置为1.428(即20px);

段落元素被设置等于1/2行高(即10px);颜色被设置为#333。2.标题//内联元素使用标题字体Bootstrap在h1~h6元素之间,还可以嵌入一个small元素作为副标题,//在标题元素内插入small元素

Bootstrap框架

2、mall>Bootstrap小标题

在h1~h6下的small样式也进行了改变,颜色变成淡灰色:#777,行高为1,粗度为400。3.内联文本元素//添加标记,元素或.mark类

Bootstrap框架

//各种加线条的文本Bootstrap框架//删除的文本Bootstrap框架//无用的文本Bootstrap框架//插入的文本Bootstrap框架//效果同上,下

3、划线文本//各种强调的文本Bootstrap框架//标准字号的85%Bootstrap框架//加粗700Bootstrap框架//倾斜4.对齐//设置文本对齐Bootstrap框架

//居左Bootstrap框架

//居中Bootstrap框架

//居右

4、tify">Bootstrap框架

//两端对齐,支持度不佳Bootstrap框架

//不换行5.大小写//设置英文文本大小写Bootstrap框架

//小写Bootstrap框架

//大写Bootstrap框架

//首字母大写6.缩略语//缩略语Bootstrap

5、"Bootstrap"class="initialism">框架7.地址文本//设置地址,去掉了倾斜,设置了行高,底部20px

Twitter,Inc.
795FolsomAve,Suite600
SanFrancisco,CA94107
P:(123)456-7890
8.引用文本//默认样式引用,增加了做边线,设定了字体大小和内外边距

6、>Bootstrap框架//反向Bootstrap框架9.列表排版//移出默认样式

  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • //设置成内联

    7、inline">

  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • Bootstrap框架
  • //水平排列描述列表
    Bootstrap
    Bootstrap提供了一些常规设计好的页面排版的样式供开发者使用。
    10.代码//内联代码<section>//用户

    8、输入pressctrl+,//代码块

    <p>Pleaseinput...</p>
    Bootstrap还列举了表示标记变量,表示程序输出,只不过没有重新复写CSS。表格和按钮一.表格Bootstrap提供了一些丰富的表格样式供开发者使用。1.基本格式//实现基本的表格样式注:我

    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。