zoukankan      html  css  js  c++  java
  • BootStap学习笔记(2)

    学习该内容之前可能会用到的内容:

    css属性Font-Weight:如果数字为700就是加粗的.或者更粗的为bolder,更细的是lighter.
    html Cite标签定义文档的引用,默认字体以斜体表示 如果有title属性,当鼠标放上去的时候还会显示title里定义的内容;
    html q标签通常和cite属性一起使用,cite来定义文档引用位置,注意q标签中文本内容会自动加上双引号;
    html blockquote cite属性规定引用的来源,内部文本默认会在左右两边进行缩进(增加外边距)
    html中abbr指示简称或者缩写,通常指定title这样移动鼠标到上边的时候就会显示完整titile信息;
    html中的address标签通常内部内容为斜体显示,且该标签后会增加换行显示;
    html中的dl,dt,dd,三者实现嵌套关系,dl用来创建一个列表,dt包括一级菜单,dd实现二级菜单.
      bootstrap排版
       标题
          默认会对h1到h6增加新的显示样式,并且对其内部的<small>标签也会增加新的显示样式;
          可以对文本增加class .lead可对字增加更大更粗的字体;
        强调
       增加了强调文本的类
          text-algin:左对齐
          text-center:居中对齐
          text-right:右对齐
          text-sucess:字体显示为绿色并且是斜体
          text-warning:
          text-danger:
          text-primary:
          text-info:
          text-muted:文本是弱的.
        缩写 
         可以定义abbr实现底部双虚线,可以结合.initalist实现更小的字体;
         

       地址

       通过对html标签的address格式化可实现更好看的地址效果.

       引用

         结合blockquoto结合使用实现不同效果

       列表

         结合.dl-horizonal实现一组的列表的水平显示,结合dl,dt,dd显示;结合.list-inline实现列表的水平显示,结合li使用
       Bootstrap代码
      code主要实现显示一行代码,即内联显示
      pre显示多行代码并且块显示.
      注意如果有左右尖括号一定要使用&lt,&gt;
     
     
       
       
        
       
         
         
  • 相关阅读:
    使用尾递归对斐波那契优化?
    Ajax是什么?包含什么技术?有什么作用?
    Ajax的乱码解决问题?
    Ajax的核心的对象是什么?
    为什么Java中不支持多重继承?
    vue-router的原理,例如hashhistory和History interface?
    JSP是什么?有什么特点?
    forward 和redirect的区别?
    Listener是什么?有什么作用?
    请说一说Servlet的生命周期?
  • 原文地址:https://www.cnblogs.com/cby-love/p/5416219.html
Copyright © 2011-2022 走看看