• 技术文章 >web前端 >html教程

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

    2016-06-24 11:20:14原创686
    学习该内容之前可能会用到的内容:

    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显示多行代码并且块显示.

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:select跳转_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ajax基本介绍• 深入CSS,让网页开发少点“坑”_html/css_WEB-ITnose• 求两个纯Html之间的传值示例_html/css_WEB-ITnose• html +CSS+div学习――第二课_html/css_WEB-ITnose• 前端要给力之:代码可以有多烂?_html/css_WEB-ITnose
    1/1

    PHP中文网