css总结 - 随笔分类(第2页) - 黑客PK

WEB安全字体（Web Safe Fonts）-网页设计用什么字体兼容性好?

摘要：效果：http://sandbox.runjs.cn/show/qgdljvh4 1 Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应阅读全文

posted @ 2016-04-07 11:55 黑客PK 阅读(2955) 评论(0) 推荐(0)

css各种水平垂直居中

摘要：css各种水平垂直居中，网上查了一下，总结以下几种 line-height垂直居中缺点，仅限于单行文字效果：http://runjs.cn/code/rmjiq3a8 padding垂直居中缺点，内容不确定时，高度不好固定效果：http://runjs.cn/code/hg5yrpm8 mar 阅读全文

posted @ 2016-04-05 14:34 黑客PK 阅读(479) 评论(0) 推荐(0)

css绘制各种形状

摘要：代码：http://runjs.cn/code/9lyjtbxl；效果：http://sandbox.runjs.cn/show/9lyjtbxl 阅读全文

posted @ 2016-04-04 15:21 黑客PK 阅读(261) 评论(0) 推荐(0)

css3椭圆运动

摘要：通过使用css3实现让元素椭圆运动。而不是圆形运动。效果1：http://sandbox.runjs.cn/show/ignefell 效果2：http://runjs.cn/code/w2wxjyeo 代码如下：阅读全文

posted @ 2016-04-04 12:52 黑客PK 阅读(634) 评论(0) 推荐(0)

目前最全的浏览器/CSS选择器兼容性总结(2009-8-10更新)

摘要：2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estel 阅读全文

posted @ 2016-03-23 20:42 黑客PK 阅读(528) 评论(0) 推荐(0)

position:absolute和float会隐式的改变display类型

摘要：position:absolute和float会隐式的改变display类型，不论之前是什么类型的元素（display:none除外），只要设置了position:absolute或float，都会让元素以display:inline-block的方式显示，可以设置长宽，默认宽度并不占满父元素，就算阅读全文

posted @ 2016-03-18 09:45 黑客PK 阅读(290) 评论(0) 推荐(0)

架构sass文件

posted @ 2016-03-10 11:38 黑客PK 阅读(445) 评论(0) 推荐(0)

【Sass初级】嵌套选择器规则

摘要：在CSS中，我们都知道所有代码都在一个“根级别”的选择器中，每个CSS的样式声明都写嵌套的话，那意客味需要写很多的代码。今天我要带领大家进入到Sass的最基本原则中。这就是所谓的“基础规则(Inception rule)”。此规则可以帮助你避免一些常见错误(使用Sass的常见错误)，不管是你Sas 阅读全文

posted @ 2016-03-08 16:19 黑客PK 阅读(2639) 评论(0) 推荐(0)

Sass 愿景

摘要：在最近的一个 CSS 见面会上，我向与会者提问，“有人会在日常的工作流中使用 Sass 吗？”回答结果压倒性的表示肯定——保守谨慎地使用 Sass 已经成为过去式。Sass 正迅速成长为编写 CSS 的标准方式。这真是难得的好消息！Sass 包含了诸多 CSS 规范未定义的特性，比如变量、控制指令阅读全文

posted @ 2016-03-08 15:46 黑客PK 阅读(202) 评论(0) 推荐(0)

网站前端开发--css篇

摘要：Ⅰ 全局：global.css全局样式为全站公用，为页面样式基础，页面中必须包含。结构：layout.css页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中。私有：style.css独立页面所使用的样式文件，页面中必须包含。模块 module.css产品类页面应用，将可复用类阅读全文

posted @ 2016-03-08 13:13 黑客PK 阅读(451) 评论(0) 推荐(0)

文字水平对齐

摘要：效果如图：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="reset.css"/> <style> .hotsearc 阅读全文

posted @ 2016-02-29 15:09 黑客PK 阅读(523) 评论(0) 推荐(0)

height:100%

摘要：1 2 3 4 5 Document 6 7 27 28 29 30 31 32 33 34 35 阅读全文

posted @ 2015-12-29 15:37 黑客PK 阅读(159) 评论(0) 推荐(0)

内边距与外边距

摘要：内边距是盒子边框与内容之间的距离，外边距是盒子之间的距离，如果是a标签的话，点在margin上边不会出现手型，但是在padding上边会出现手型阅读全文

posted @ 2015-11-30 10:17 黑客PK 阅读(483) 评论(0) 推荐(0)

返回top写法技巧

摘要：CSS: 这样做的目的是在不同的分辨率下都能正常。阅读全文

posted @ 2015-11-27 16:55 黑客PK 阅读(506) 评论(0) 推荐(0)

判断横竖屏

摘要：如：阅读全文

posted @ 2015-11-24 17:25 黑客PK 阅读(241) 评论(0) 推荐(0)

emmet中的用法

摘要：CSS AbbreviationsLinkVALUESLINKEmmet is about more than just HTML elements. You can inject values directly into CSS abbreviations, too. Let’s say you ... 阅读全文

posted @ 2015-11-05 10:32 黑客PK 阅读(418) 评论(0) 推荐(0)

emmet缩写大全

摘要：SyntaxChild: >nav>ul>li Sibling: +div+p+bq Climb-up: ^div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: ()div>(header>ul>li*2>a)+footer>p... 阅读全文

posted @ 2015-11-05 10:32 黑客PK 阅读(741) 评论(0) 推荐(0)

css3中的变形（transform）、过渡(transtion)、动画(animation)

摘要：Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动trans... 阅读全文

posted @ 2015-11-04 22:01 黑客PK 阅读(88080) 评论(1) 推荐(5)

如何在手机项目中使用rem单位

摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fontsizeoftherootelement）是指相对于根元素的字体大小的... 阅读全文

posted @ 2015-11-04 10:41 黑客PK 阅读(5144) 评论(4) 推荐(0)

对sass通过compass进行编译

摘要：1、创建一个Compass项目:compass create myproject 其中myproject是项目名称。2、编写scss文件。3、编译成css文件：①：Compass的编译命令是：compass compile。②：默认状态下，编译出来的css文件带有大量的注释。但是，生产环境(变成一... 阅读全文

posted @ 2015-10-31 18:20 黑客PK 阅读(372) 评论(0) 推荐(0)

黑客

随笔分类 - css总结

公告