Heim >Web-Frontend >HTML-Tutorial >BootStap学习笔记(2)_html/css_WEB-ITnose

BootStap学习笔记(2)_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:20:141304Durchsuche

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

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增加新的显示样式,并且对其内部的标签也会增加新的显示样式;

      可以对文本增加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显示多行代码并且块显示.

  注意如果有左右尖括号一定要使用<,>;

 

 

   

   

     

   

     

     

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn