网站建设服务联享科技,可信网站服务,十大团购网站,pc端网站怎么做自适应语义化标签#xff1a;
bootstrap中提供一些语义化标签#xff0c;它们自带样式#xff0c;这里介绍几个样式比较明显的语义化标签#xff1a;
!-- 1.bootstrap中mark标签定义一个有淡黄色背景的文本 --
pmarkhello/mark/p!…语义化标签
bootstrap中提供一些语义化标签它们自带样式这里介绍几个样式比较明显的语义化标签
!-- 1.bootstrap中mark标签定义一个有淡黄色背景的文本 --
pmarkhello/mark/p!-- 2.bootstrap中abbr标签定义一个有下划虚线的文本且鼠标经过此文本时显示title中的字符注意abbr中一定要加title属性否则无效 --
pabbr titlehello/abbr/p!-- 3.bootstrap中code标签定义一个颜色为粉红色的文本有语义化此标签多用于包含代码 --
codeimg是用来引入图片的标签/code!-- 4.bootstrap中kbd标签定义一个黑色背景白色颜色的文本--
kbdhello/kbdbootstrap中不仅提供了标签定义文本还提供了类样式来修改文本需要用时只需要给某文本加上对应的类名即可其常用总结如下(类名中大写字母为代号请用描述中具体的值代替)
类名描述.font-weight-X用来修饰字体粗细的其中x的值可以是bold加粗文本、 normal普通文本、 light更细文本.font-italic定义斜体.lead增大字体.small减小字体.text-P设置文本在某容器中的布局其中P值有left文本居左、center文本居中、right文本居右.text-O设置文本溢出父级容器时显示模式其中O值有 justify超出时换行、 nowrap超出时不换行有滚动条.text-S设置英文文本大小写其中S值有 lowercase转小写、 uppercase转大写、 capitalize首字母转大写.initialism将英文文本中小写转大写将abbr标签中文本字号减小.list-unstyled清除列表ul、ol默认样式并将列表紧靠父级元素左边排列.list-inline-item将一组ul或ol中有此类名的li放到同一行中显示且li的样式被清除.pre-scrollable定义一个容器当子级元素水平或垂直方向超出父级容器时水平或垂直方向出现滚动条此类是定义在pre标签中的但是在其他容器也有效
字体颜色
bootstrap定义了一套具有意义的字体颜色常用于链接、提示信息等字体的颜色其类名及语义总结如下
类名描述.text-muted淡黑色表示柔和.text-primary淡蓝色 表示重要.text-success淡绿色表示执行成功.text-info淡靛色表示提示. text-warning淡橙色表示警告. text-danger红色表示危险. text-secondary浅黑色表示副级别副标题. text-dark深灰色可表示页面普通文本
背景颜色
bootstrap同样定义了一套具有意义的背景颜色常用于按钮等背景颜色其具体如下
类名描述.bg-light浅灰色可表示页面普通背景.bg-primary淡蓝色 表示重要.bg-success淡绿色表示执行成功.bg-info淡靛色表示提示.bg-warning淡橙色表示警告.bg-danger红色表示危险.bg-secondary浅黑色表示副级别副标题.bg-dark深灰色可表示页面比较稳重的话背景
提示本文图片等素材来源于网络若有侵权请发邮件至邮箱810665436qq.com联系笔者删除。 笔者苦海