Candycandyma的博客

像素在前端开发中，一般分成两种像素：CSS像素、物理像素浏览器在显示网页时，需要将CSS像素转换成物理像素再呈现，一个css像素由几个物理像素显示，由浏览器决定。默认情况下在pc端，一个css像素等于一个物理像素视口viewport：屏幕中用来显示网页的区域，默认情况下，视口的宽度 1920px（CSS像素）可以通过改变视口的大小来改变css像素的物理像素的比值；当视口放大200%时，一...

过渡通过过渡（transition）可以指定一个属性发生变化的切换方式，以此带来更好的视觉效果，提升用户体验。1、transition-property指定过渡属性，多个属性间用逗号隔开。如果所有属性都要过渡，则给定关键字all。大部分属性都支持过渡效果，如可计算的数值类型；过渡必须是从一个有效数值向另一个有效数值过渡2、transition-duration指定过渡效果持续时间，单位...

less是一门css的预处理语言，less是css的增强版，通过less可以编写更少的代码实现更强大的功能。在less中增添了许多新的特性，如对变量的支持、对mixin的支持；less语法大体上和css语法一致，但less增添了许多新的扩展，所以浏览器无法直接执行less代码，必须将less转化为css代码才可以执行。注意：less的单行注释//，注释的内容不会被解析到css中；css中的注释...

1、背景颜色background-color2、背景图片background-image可以同时设置背景颜色和背景图片，这样背景颜色就成了图片的背景色。如果背景图片小于元素，则背景图片将会自动在元素中平铺。如果背景图片大于元素，将有一部分图片不会被完全显示。如果一样大，则正常显示。3、背景重复方式background-repeat可选值：repeat 默认值，背景会沿着x轴y轴双...

字体font-family：字体族（字体格式）可选值：serif 衬线字体、sans-serif 非衬线字体、monospace 等宽字体指定字体的类别，浏览器会自动使用该类别下的字体。font-family可以同时指定多个字体，多个字体间使用逗号隔开，字体生效时优先使用第一个，第一个无法使用则使用第二个，以此类推。有空格的字体需要加引号font-face可以将服务器中的字体直接提供给用户...

CSS定位CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。通过使用 position 属性，我们可以选择 4 种不同类型的定位。static元素框正常生成。块级元素（div、p、h1等）生成一个矩形框，作为文档流的一部分，行内元素（span、strong等）则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍...

CSS伪类用于向某些选择器添加特殊的效果。语法：selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用。selector.class : pseudo-class {property: value}1、锚伪类在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示。a:link {color: #FF0000} /* 未...

CSS选择器元素选择器选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身。通配符选择器显示为一个星号（*）。该选择器可以与任何元素匹配。* {color:red;}#该规则使文本每个元素显示为红色CSS类选择器*.important {color:red;} 和 .important {color:red;}效果完全相同。1、结合元素选择器...

CSS链接链接有四种状态：a:link - 普通的、未被访问的链接a:visited - 用户已访问的链接a:hover - 鼠标指针位于链接的上方a:active - 链接被点击的时刻color属性用来颜色修饰；text-decoration 属性大多用于去掉链接中的下划线；还可以添加更多的属性来修饰CSS列表修改用于列表项的标志类型，可以使用属性 list-style-type...

CSS背景p {background-color: gray;}#把元素的背景设置为灰色body {background-image: url(/i/eg_bg_04.gif);}# 为body设置背景图片body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; }#背景重复...

CSS 概述层叠样式表 (Cascading Style Sheets)，样式定义如何显示 HTML 元素，样式通常存储在样式表中。语法： CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。每个属性有一个值。属性和值被冒号分开。selector {declaration1; declaration2; ...