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

php中文网
发布: 2016-06-24 11:20:14
原创
1472人浏览过

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

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

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

 

 

   

   

     

   

     

     

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号