样式整理

.errorCon {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

时间： 2024-08-10 17:18:12

样式整理的相关文章

CSS3样式整理

CSS样式整理很多功能为了实现兼容,需要加浏览器前缀 —— – webkit - , chrome —— – moz - ,firefox —— – ms - ,IE —— – o - ,opera css3选择器属性选择器 E[attr] E[attr=value] E[attr^=value]首字母是value E[attr$=value]尾部结束字符是value aaa.doc E[attr*=value]只要包含value ul > li 表示后代 span + p 表示span

css公共样式整理

第一种PC端公共样式: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, cente

前端开发必知的Bootstrap样式整理

Bootstrap是前端开发中非常重要.经常使用的一个开发框架,对于这个框架,它有哪些样式呢?今天为大家分享的就是Bootstrap的一些常用样式,希望可以帮助大家更好的学习bootstrap. .sr-only { clip: rect(0, 0, 0, 0); } : .sr-only 这个类主要为了增强网站的无障碍性(可访问性).假设在一个导航栏的 DOM 结构的主要内容之前,有很多超链接,可以使用 .sr-only 类在视觉上隐藏掉这些超链接.也就是说,为了保证视力障碍用户对网站的正常使

css样式整理

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX.PD.EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: s

CSS鼠标样式整理

鼠标样式的标签: cursor:*; //该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状: 鼠标样式: 值描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器设置的光标. crosshair 光标呈现为十字线. pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动. e-resize 此光标指示矩形框的边

css部分样式整理-特殊字体格式、导航栏固定、块级元素与行内元素、html 元素的margin与padding默认值、css样式优先级概括等

1.一些特殊字体样式: 首行缩进2字符:{text-indent:2em;} 水平居中:{text-align:center;} 两端对齐:{text-align:justify;} 垂直居中:{vertical-align: middle;} 字间距2字符:{letter-spacing:2em;} 行间距2倍:{line-height:2;} 2.导航栏固定在页面某处(相对于<body>): {position:fixed;left: px;top: px;} 3.块

css的reset和常用的html标签的默认样式整理

先看下常用的这些标签浏览器的默认样式有哪些: body{ margin: 8px;} hr{ border:1px inset; margin-top:.5em;margin-bottom:.5em;} blockquote{margin: 16px 1em;} ul{list-style-type: disc;padding-left:40px;margin: 1em 0;} ol{list-style-type: decimal; padding-left:40px; margin:1em

基于Metronic4.1的Bootstrap脚本样式说明

虽说Bootstrap作为当下最流行的响应式的UI,但是对于一些在Bootstrap基础上扩展的UI的资料算是很之又少.这里楼主结合这一个月的辛酸把那些脚本跟样式整理一下下... 关于Metronic4.1的相关信息也只能从Metronic4.1的Demo中扣出来,首先看下如下样式:  <link href="@Url.StaticFile("/assets/global/plugins/fo

整理CSS引发的相关理论的梳理

写在前面因为原先项目中的CSS样式乱得不行,所以领导决定要花大时间整理一下样式,也为了后续维护起来方便.其实也苦了自己,想想也是一件多烦的事情,烦的原因并非是说这件事情做起来没有意义,而是觉得这样的事情不需要任何技术含量,按照定下来的一套准则然后ctrl+c和ctrl+v就可以了. 如果真这样想,那还真是大错特错了.拿个很简单的比喻来说吧,同样是手机,有些手机一两百却没有人要,而苹果那么贵还是有那么多人争先恐后的跑去买.原因在哪? 把平凡简单的事情做到最好才是最重要的. 为了把项目的样式整理好