DanielYue的博客_css & css3

欢迎

sass用法指南

学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样

css

前端

less

sass

转载 2017-01-06 16:18:59 484 阅读 1点赞 1收藏

@media 注意事项写作顺序问题（非常重要）

这简直是个小技巧，一开始我也十分纳闷。为什么写的有些 @media 没有起作用。原来有这么回事：我们知道 min-width 表示最小即大于等于， max-width 表示最大即小于等于；但我们也很清楚 CSS 样式跟 DOM 结构跟 JS 一样从前往后加载，后面重复代码会覆盖之前代码。那么这样的顺序有问题吗？/*样式1*/@media (min-width: 3

media

css3

转载精选 2016-09-20 11:33:22 5039 阅读

margin系列之百分比

你可能从没注意过它在 margin系列之keyword auto 中，说过了 margin 值为 auto 的情况，这次要聊的是值为百分比的情形。我必须承认这是一个非常基础的知识点，但有一段时间我发现很多人对此有错误的认知。偶尔在面试或者分享的时候，我会问到这个问题，有人会脱口而出的告诉我他对此的感性理解。或许现在大多数人对此不屑一顾，但我仍想说一说，这样以后就可以不再问类似的问题了。假设有这样一

元素

margin

百分比

bottom

转载精选 2016-08-30 11:16:19 571 阅读

前端技术-布局解决方案

原文 http://www.cnblogs.com/jingwhale/p/4753686.html 一、居中布局1.水平居中行内元素如果被设置元素为文本、图片等行内元素

css

布局

转载精选 2016-07-19 11:48:11 700 阅读

CSS3详解：background

CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。1、多个背景图片在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示，如下：background-p_w_picpath: ur

background

CSS3

转载精选 2016-07-14 17:33:53 635 阅读

CSS3的calc()使用

由于看到火狐主页里面的排版竟然用到了calc,所以就好奇研究了一下。calc()能做什么？calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。cal

calc

css3

原创 2016-07-14 11:45:53 1375 阅读 1点赞

使用CSS3的 @font-face 显示自定义字体

之前我们要是想使用漂亮的字体只能使用图片字体图片，即制作过程偏慢，用户体验也不够好，对于计算机的加在也是一种负荷，现在css3为我们提供了新的自定义字体属性： @font-face，不但使用简单，而且几乎能解决了我们之前的所有问题。先上代码：<!DOCTYPE html><h

css

font

face

原创 2016-07-13 11:17:01 1395 阅读

手机端网页设计尺寸,手机端网页设计图片尺寸

电脑网页的设计尺寸对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平

网页设计尺寸

转载精选 2016-06-21 10:16:07 2863 阅读

block，inline和inline-block概念和区别

总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inline

元素

display

elements

转载精选 2016-03-25 07:30:37 365 阅读

高效、整洁、易读CSS代码原则

1.使用全局reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：*{ margin:0; padding:0; }　　这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。Reset并不是一成不变的，具体

浏览器

legend

button

medium

border

转载精选 2016-02-02 06:13:56 418 阅读

Div的定位

css的定位是很多人容易困惑的地方，自己以前也是，随着时间慢慢的学习，自己有一些领悟，可以一起分享。 css的定位有四种，static，relative，absolute，fixed。对于static就是正常的文档流，没有什么特别的。对与fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元

前端开发

原创 2015-12-09 22:22:38 438 阅读 1点赞

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

10975329

欢迎