css
关注
分享
扫一扫
文章平均质量分 84
_panda_
这个作者很懒，什么都没留下…
展开
-
css里面的颜色
css设置颜色的方法有如下几种：十六进制色： color:#0000ff;RGB 颜色：color:rgb(255,0,0)RGBA 颜色：color:rgba(255,0,0,0.5);HSL 颜色： color:hsl(120,65%,75%)HSLA 颜色：color:hsla(120,65%,75%,0.3)转载 2015-09-21 21:48:56 · 1198 阅读 · 0 评论 -
CSSS书写规范
CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(转载 2016-03-16 20:07:31 · 612 阅读 · 0 评论 -
css的引入方式
最常看见的CSS的使用方式有三种1. 在span, div 等标签上直接使用 style 属性定义CSSspan style="color:blue">This is Blue.span> 2. 在当前的html 文件中定义class, 在html 标签中用class 的属性设置。转载 2016-04-01 20:54:55 · 329 阅读 · 0 评论 -
js库Modernizr的介绍和使用
Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。转载 2016-03-09 22:09:22 · 2034 阅读 · 0 评论 -
css的特殊选择器 nth-child
下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：:nth-child(2)选取第几个标签，“2可以是你想要的数字”.demo01 li:nth-child(2){background:#090}:nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同.demo01 li:nth-child(n+4){backgro转载 2016-04-02 18:09:49 · 571 阅读 · 0 评论 -
sass入门学习
作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！一、什么是SASSSAS转载 2016-05-13 21:03:25 · 514 阅读 · 0 评论 -
css3的box-sizing
Box-sizing 是 CSS3 的Box属性之一，那他当然也遵循CSS的Box model原理。CSS中Box model是分为两种，第一种是W3C的标准模型，另一种是IE的传统模型，他们相同之处都是对元素计算尺寸的模型，具体说就是对元素的width，height，padding，border以及元素实际尺寸的计算关系。W3C的标准 Box Model:外盒尺寸计算（元素空间尺原创 2016-04-24 20:04:38 · 579 阅读 · 0 评论 -
多种css垂直居中的方法
多种css垂直居中的方法==css3不定宽高水平垂直居中==-webkit-justify-content:center;justify-content:center;//子元素水平居中-webkit-align-items:center;align-items:center;//子元素垂直居中display:-webkit-flex;display:flex;1：固定高宽的垂直居中原创 2016-12-15 10:13:06 · 481 阅读 · 0 评论 -
css3的居中,flex和普通的悬挂布局
css3的居中,flex和普通的悬挂布局<!DOCTYPE html><html lang="en"><head> <title>悬挂布局</title> <meta charset="utf-8"> <style type="text/css" media="screen"> * { margin: 0; padding: 0;原创 2016-12-15 10:17:46 · 957 阅读 · 0 评论