随笔分类 -  CSS

CSS标题省略号带后缀名称
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-04-20 11:51 CorderBob 阅读(620) 评论(0) 推荐(0)
CSS伪元素before,after制作左右横线中间文字效果
摘要：Title Welcome to Snapshot 阅读全文
posted @ 2019-02-21 18:04 CorderBob 阅读(1696) 评论(0) 推荐(0)
CSS竖向步骤条
摘要：CSS竖向步骤条 我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条 我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条我是竖向导航条 ... 阅读全文
posted @ 2018-01-15 07:18 CorderBob 阅读(2661) 评论(0) 推荐(0)
常用 css rem 根字体
摘要：计算公式: 写入CSS的尺寸/屏幕宽度 = UI图标注的尺寸/UI图宽度 因此： 写入CSS的尺寸 = UI图标注的尺寸/UI图宽度*屏幕宽度 比如:当标注尺寸为64px、UI图宽度为1440px时，针对不同屏幕宽度，写入CSS的属性分别为： 屏幕宽度320px：font-size: 64/1440 阅读全文
posted @ 2017-11-01 10:35 CorderBob 阅读(374) 评论(0) 推荐(0)
CSS属性大全
摘要：字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) l... 阅读全文
posted @ 2017-10-24 18:29 CorderBob 阅读(364) 评论(0) 推荐(0)
base.css
摘要：body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%} a... 阅读全文
posted @ 2017-10-24 16:07 CorderBob 阅读(212) 评论(0) 推荐(0)
css图片放大
摘要：无标题文档 阅读全文
posted @ 2017-10-12 14:51 CorderBob 阅读(133) 评论(0) 推荐(0)
CSS媒体查询
摘要：/*当页面大于1200px 时，大屏幕，主要是PC 端*/ @media (min-width: 1200px) { } /*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/ @media (min-width: 992px) and (max-width: 1199px) { } /*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD和大屏手机*/ @medi... 阅读全文
posted @ 2017-08-28 17:33 CorderBob 阅读(177) 评论(0) 推荐(0)
CSS属性大全
摘要：字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体) l... 阅读全文
posted @ 2017-08-28 15:05 CorderBob 阅读(214) 评论(0) 推荐(0)
sticky-footers
摘要：第一种方案 第二种方案 flex 阅读全文
posted @ 2017-08-24 16:33 CorderBob 阅读(165) 评论(0) 推荐(0)
进度条
摘要：进度条 点我 信息同步中 1% 商品同步成功 阅读全文
posted @ 2017-07-28 11:57 CorderBob 阅读(141) 评论(0) 推荐(0)
radio checkbox 修改默认样式
摘要：2.checkbox 阅读全文
posted @ 2017-04-26 09:02 CorderBob 阅读(339) 评论(0) 推荐(0)
css3实现的switch开关按钮
摘要：1.默认 默认未选中 默认选中 2.简单的背景过渡效果 switch 默认未选中 默认选中 3.过渡效果的switch 默认未选中 默认选中 阅读全文
posted @ 2017-04-14 19:07 CorderBob 阅读(865) 评论(0) 推荐(0)
CSS常用样式
摘要：1.placeholder 右对齐 2.css图片置灰 阅读全文
posted @ 2017-04-14 14:57 CorderBob 阅读(468) 评论(0) 推荐(0)