当前位置: 首页 > Web前端 > HTML

Bootstrap学习-排版-形式

时间:2023-04-03 00:03:06 HTML

1,标题

~

,所有标题的行高为1.1(即1.1倍font-size)。2.副标题行高为1,灰色(#999)。

MaintitleSubtitle

3、Bodystylebody{font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;字体大小:14px;行高:1.42857143;颜色:#333;background-color:#fff;}4,

,paragraphstylep{margin:0010px;}5、强调style.lend.lead{margin-bottom:20px;字体大小:16px;字体粗细:200;line-height:1.4;}6,bold,b,strong{font-weight:bold;/*textbold*/}7、italic一般是给爬虫显示的(强调语义),是给用户显示的(强调视觉)影响)。8.Fontcolor.text-muted:prompt,uselightgray(#999).text-primary:primary,useblue(#428bca).text-success:success,uselightgreen(#3c763d).text-info:通知信息,使用浅蓝色(#31708f)。text-warning:警告,使用黄色(#8a6d3b)。text-danger:危险,使用棕色(#a94442)9.Textalignment.text-left{text-align:left;}.text-right{text-align:right;}.text-center{text-align:center;}.text-justify{text-align:justify;}10.Listtopoint.list-unstyled.list-无样式{padding-left:0;list-style:none;}11.水平导航.list-inline.list-inline{padding-left:0;左边距:-5px;列表样式:无;}.list-inline>li{显示:内联块;填充右:5px;padding-left:5px;

  • 1
  • 2
  • 3
  • 4
  • 12。定义列表
    主题1
    内容1
    主题2
    内容2
    横向定义list.dl-水平的。13、输入代码风格(1):一般为单个词或单个句子的代码(2)
    :一般为多行代码(即块代码)(3):一般表示用户需要通过键盘输入的内容。14.表格样式。table:基本表-不可或缺。table-可与其他表格样式叠加。table-condensed:紧凑表格。table-responsive:响应式表格-小屏增加滚动条表格背景色15,基本表格角色是html5的一个属性,role="form"告诉辅助设备(如屏幕阅读器)表示此元素扮演表单的角色。16.水平表格类名.form-horizo??ntal17.内嵌表单
    18.输入框输入类型-电子邮件电子邮件输入类型用于应包含电子邮件地址的输入字段。提交表单时,将自动验证电子邮件字段的值。19、复选框checkbox和单选按钮radio.checkbox
    .radio
    水平显示中性
    如果checkbox需要为水平安排,只需将类名checkbox-inline添加到label标签即可。如果radio需要水平排列,只需在label标签中添加类名radio-inline即可。20.表单控件大小-只改变高度input-sm:使控件小于正常大小input-lg:使控件大于正常大小21.表单验证status.has-warning:警告状态(黄色).has-错误:错误状态(红色)。成功:成功状态(绿色)。必须添加复选标记和叉号。has-feedbackE-Mail地址表单提示text.help-block错误状态您输入的信息有误22、按钮样式.btn,.btn-default可以用在tab中的a、span、div等。Basicbutton.btn默认button.btn-default<按钮类="btnbtn-primary"type="button">Primarybutton.btn-primary成功button.btn-success信息button.btn-info警告button.btn-warning危险按钮.btn-danger链接按钮.btn-linkHTML普通按钮小按钮.btn-sm超小按钮.btn-xs24.Blockbutton.btn-block使按钮填充整个容器(父元素)。25.按钮状态当按钮处理被点击的状态(即鼠标被按下未松开的状态)时,