css样式库 - CSDN
精华内容
参与话题
  • 在对web页面排版布局时,经常有琐碎的细节要另外写样式,umi.css样式库将最常用的碎片样式整合起来,并统一了样式命名规则。 可将umi.css理解为点缀样式库。 umi.css可与任何web框架结合使用。 简单、易记、通用,是...
  • css 样式库

    2019-08-13 06:29:56
    关于CSS reset body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; background:white; } input,textarea,select{ font-size:12px; font-size:100%; ...

    关于CSS reset

    body{
        line-height:1.4;
        color:#333;
        font-family:arial;
        font-size: 12px;
        background:white;
    }
    input,textarea,select{
        font-size:12px;
        font-size:100%;    
        font-family:arial;
        font-family:inherit;
    }
    body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{
        margin:0;
    }
    h4,h5,h6{
        font-size:1em;
    }
    ul,ol{
        padding-left:0; 
        list-style-type:none;
    }
    /*image with no-border*/
    a img{border:0;}
    img{border:0;}

    CSS通用样式库
    .l{float:left;}.r{float:right;}.cl{clear:both;}
    .n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}
    .fa{font-family:Arial;}.fg{font-family:Georgia;}.ft{font-family:Tahoma;}.fl{font-family:Lucida Console;}.fs{font-family:'宋体';}.fw{font-family:'微软雅黑';}
    .tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
    .tdl{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
    .g0{color:#000000;}.g3{color:#333333;}.g6{color:#666666;}.g9{color:#999999;}.red{color:red;}.wh{color:white;}
    .f0{font-size:0;}.f10{font-size:10px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}
    .vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}.vimg{margin-bottom:-3px;}
    .m0{margin:0;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr1{margin-right:1;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt1{margin-top:1;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;}
    .p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;}.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}
    .rel{position:relative;}.abs{position:absolute;}
    .dn{display:none;}.db{display:block;}.dib{-moz-inline-stack:inline-block; display:inline-block;}.di{display:inline;}
    .ovh{overflow:hidden;}.ovs{overflow:scroll;}.vh{visibility:hidden;}.vv{visibility:visible;}
    .lh14{line-height:14px;}.lh16{line-height:16px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}
    .fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{_zoom:1;}


    转载于:https://www.cnblogs.com/wangkang1/p/5691333.html

    展开全文
  • CSS工具类样式库 bootstrap utils

    千次阅读 2018-11-29 22:14:08
    Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page. ...

    Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

    https://getbootstrap.com/docs/4.1/utilities/borders/

    展开全文
  • Css图标样式库

    千次阅读 2017-05-19 11:59:48
    http://www.yeahzan.com/fa/facss.html
    展开全文
  • 常用的CSS样式

    2011-11-11 12:31:47
    网页设计中常用的CSS属性如下: 文字或元素的颜色 color 背景颜色 background-color 背景图像 background-image 字体 font-family 文字大小 font-size 列表样式 list 鼠标样式 cursor 边框样式 border 内...
    
    网页设计中常用的CSS属性如下: 
    文字或元素的颜色 color 
    背景颜色   background-color 
    背景图像   background-image 
    字体 font-family 
    文字大小   font-size 
    列表样式   list 
    鼠标样式   cursor 
    边框样式   border 
    内补白     padding 
    外边距     margin 
    边框宽度 : border-width 
    上边宽度 : border-top-width 
    左边宽度 : border-left-width 
    右边宽度 : border-right-width 
    底边宽度 : border-bottom-width 
    边框颜色 : border-color 
    上边颜色 : border-top-color 
    边框样式 : border-style : double; 可替换 dashed; dotted; none; 
    上边样式 : border-top-style 
    左边样式 : border-left-style 
    右边样式 : border-right-style 
    底边样式 : border-bottom-style 
    整体宽度 : width 
    整体高度 : height 
    溢出选项 : overflow : visible; 可替换 hidden; scroll; auto; 
    内侧边距 : padding 
    上内边距 : padding-top 
    外侧边距 : margin 
    上外边距 : margin-top 
    文字字体 : font-family 
    文字大小 : font-size   
    文字粗细 : font-weight : bold; 
    文字样式 : font-style 
    文字变量 : line-height       
    清除属性 : clear : left; 可替换 right;   both;   none; 
    浮动属性 : float : left; 可替换 right;   none; 
    水平排列 : text-align : left; 可替换   right;   center;   justify; 
    文本修饰 : text-decoration : underline; 可替换   overline;   underline overline;   line-through;   blink; 
    文本缩进 : text-indent     
    文字间距 : letter-spacing 
    字母间距 : word-spacing 
    文本转换 : text-transform : capitalize; 可替换   lowercase;   uppercase; 
    垂直排列 : vertical-align : baseline;    可替换   top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%; 
    背景图片 : background-image 
    背景拉伸 : background-repeat : repeat;   可替换   repeat-x; repeat-y; no-repeat; 
    背景定位 : background-position : left;   可替换   right; top; left top; right bottom; 30% 50%; 
    附加属性 : background-attachment : fixed; 可替换   scroll; 
    显示属性 : display : none; 可替换   block; inline; run-in; compact; list-item; marker; 
    是否可见 : visibility : visible; 可替换   hidden;     
    资源定位 : position : static; 可替换   relative; absolute; fixed; 
    距离顶部 : top 
    距离左边 : left 
    距离右边 : right 
    距离底边 : bottom   
    优先等级 : z-index 
    鼠 标指针 : cursor : crosshair; 可替换   default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;
    http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html
    展开全文
  • CSS基础样式库

    千次阅读 2019-10-14 15:30:51
    推荐的base.css /*css reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{ border-collapse:collapse;border-spacing:0;} ...
  • 在HTML5大前端开发中,CSS是三要素之一,想要从事HTML5大前端...接下来小编就给大家介绍几种常用的CSS库。 1、Foundation Foundation属于一个完整的响应式前端框架家族。利用Foundation,你可快速完成从原型到生产...
  • 10套样式库

    2020-07-30 23:31:54
    10套bootstrap前端样式库
  • 上次我记录一下如何使用**uni-app**创建项目,并讲解**uni-app**的结构。隔了一个星期在准备ACM就没有写,今天来介绍一下如何引入官方的css样式库
  • uniapp如何引入官方的css样式库

    千次阅读 2020-02-26 09:51:37
    uniapp如何引入官方的css样式库 1.项目目录新建一个common的文件夹 common一般存放的是项目引入的一个css和js样式库 2.将样式库的css或者js复制到common文件夹 3.在App.vue中引入需要的样式库 <script> ...
  • 移动端常用的css样式

    2015-12-16 10:45:48
    /*移动端好看的字体*/ body{ font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self; ... /*IOS下移除按钮原生样式 -webkit-appearance*/
  • Bootstrap(CSS库

    热门讨论 2020-07-21 10:00:52
    Bootstrap包是个相对简单的程序,但也提供了优雅的HTML和CSS规范。它与CSS框架Blueprint存在很多相似之处。 值得一提的是,Bootstrap并不会在Twitter平台上运行,Twitter只是促进了它的开发,并将它公布出来。 ...
  • Bootstrap全局CSS样式之表单

    千次阅读 2015-07-26 12:06:01
    .form-control——将单独的表单控件赋予一些全局样式,如默认宽度width:100%; .form-group——包裹表单控件,获得最好的排列; .form-inline——将表单设置为内联表单,只适用于视口(viewport)至少在 768px 宽度...
  • 将qt界面中加载css样式

    千次阅读 2020-07-23 11:32:58
    一、针对按钮不多的界面可以通过...1、制作css样式,首先是选择新建一个文本文件,然后就是直接将你设置的样式 QWidget#widget_Top{ //针对widget。并且名字是widget_Top background: qlineargradient(spread:pa...
  • 前端样式库

    千次阅读 2016-09-06 23:37:24
    Bootstrap Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— ... 响应式设计的概念。 ...通过响应式设计,你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。...Font Awesome 是一个
  • CSS 于 2016 年发布的开源项目,其产量之大超出人们的预料,但纵观 CSS 在过去几年的巨大变化与快速发展,此结果的出现似乎又在情理之中。这些 CSS 、框架和工具的建立不仅给我们提供了学习的视角,更给我们的工作...
  • 利用DIV+CSS布局来制作一个登录页面 login.html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <!--引入字体图标--> ....
  • 微信小程序WeUI 前端样式库

    千次阅读 2019-05-02 15:12:34
    之前在小程序开发文档上见过WeUI 前端样式库,下载下来后一直摸不着头脑,今天终得拨云见日。 其实这就是使得微信小程序和页面界面 UI 统一:WeUI 前端样式库(含 Sketch 源文件) 微信里使用的 H5 页面是相当多,...
  • CSS Reset 历史 与 Normalize.css 介绍 Normalize.css 源码解读 Normalize-zh.css 出炉 围绕着CSS Reset这个话题我们已将讲了3章节,从中了解到CSS Reset的作用,Normalize.css的优势,以及它是如何帮我修复跨浏览器...
  • css设置滚动条样式

    千次阅读 2017-05-26 15:42:26
    近期在做一个项目,由于主题风格是黑色的,而浏览器默认的滚动条的风格放到页面上颜色太突兀,就想着该给它修改一下样式,以下是我整理的通过css设置滚动条样式。  查了很多资料,由于各个浏览器都有各自不同的滚动...
1 2 3 4 5 ... 20
收藏数 90,344
精华内容 36,137
热门标签
关键字:

css样式库