bootstrap之CSS全局样式

一、排版样式(paiban)

  1、标题标签

  <body style="padding:20px">

  <h1>h1.bootstrap</h1><br/>

  <h2>h2.bootstrap</h2><br/>

  <h3>h3.bootstrap</h3><br/>

  </body>

  2、页面主体

    <p>.....</p>   段落标签

  中心内容:通过添加.lead类可以让段落突出显示。

  <p class="lead">....</p>

  例子:  <p class="lead">抽象类:规定一个或多个抽象方法的类别本身必须定义,abstract抽象类只是用来派生子类,而不能用它来创建对象。</p><br/>

       <p>final类:又称“最终类”,他只能用来创建对象,而不能被继承。</p><br/>

         <p>接口:Java中接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被调用</p><br/>

  3、内联文本

  <body style="padding:20px">

  我是<mark>中国人</mark>,我为此骄傲。<br/>

  原价:<del>999元</del>现价:199元<br/>

  <s>这是无用文本</s><br/>

  <ins>这是个插入文本</ins><br/>

  <u>这是个带下划线的文本</u><br/>

  <small>这是个小号文本</small><br/>

  这是个<strong>着重文本</strong><br/>

  <em>这个是斜体</em>

  </body>

  

  

  

时间: 2024-07-30 09:56:32

bootstrap之CSS全局样式的相关文章

BootStrap 之 CSS全局样式中的图片

使用 BootStrap 中的CSS全局样式,我们就可以不用自己定义CSS样式了. 响应式图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="

BootStrap 之 CSS全局样式中的表单

不使用BootStrap 之 CSS全局样式中的表单,自己也不定义CSS样式 <form> <div> <label>Email address</label> <input type="email" placeholder="Email"> </div> <div> <label>Password</label> <input type="p

BootStrap 之 CSS全局样式中的表格

不使用BootStrap 之 CSS全局样式中的表格,自己也不定义CSS样式 <table> <caption>学生信息表</caption> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> <th>操作</th> </tr> <tr> <td>1</td> <td>令狐

vue中使用css全局样式

在stylus中使用: 1.在src目录下的assets文件中的styles文件中创建一个varibles.styl文件 2.在varibles.styl文件中书写代码 $bgColor = #00bcd4 3.在vue组件的style中引入全局样式 @import '../../../assets/styles/varibles.styl' 4.使用全局样式 .header{ background : $bgColor }  原生css中使用: 1.在src目录下的assets文件中的styl

bootstrap复习:全局样式

一.概览 1.Bootstrap 是移动设备优先的. 2.在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 二.布局容器 1.Bootstrap 需要为

css全局样式表

/*==全局样式==*/*{padding:0;margin:0;}div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}img,input{border:none;vertical-align:middle;}body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;backgrou

css全局样式初始化

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异. 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化. *最简单的初始化方法就是(不建议): {padding: 0; margin: 0;} 淘宝的样式初始化: body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldse

CSS全局样式

@charset "utf-8"; * { margin:0; padding:0; }body{ font-family: "宋体",Arial,sans-serif; font-size: 14px; color:#000; text-align:center; }ul,ol,li { list-style-type:none; }img { border:0 none; }a { color:#000; text-decoration:none; }h1,h2

css全局样式基础代码

body{ font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif;color:#363636;background:#e5e5e5 url(../images/bpbg.jpg) center top no-repeat;}html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, lab