JayYuen的博客

本文重要内容CSS的单位字体属性文本属性定位属性：position、float、overflow等CSS的单位html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。绝对单位：1 in=2.54cm=25.4mm=72pt=6pc。各种单位的含义：in：英寸Inches (1 英寸 = ...

background系列属性常见背景属性CSS样式中，常见的背景属性有以下几种：（经常用到，要记住）background-color:#ff99ff; 设置元素的背景颜色。background-image:url(images/2.gif); 将图像设置为背景。background-repeat: no-repeat; 设置背景图片是否重复及如何重复，默认平铺满。（重要）...

本文主要内容CSS概述CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器CSS几种扩展选择器：后代选择器、交集选择器、并集选择器CSS样式优先级前言现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页面样式。JS：JavaScri...

伪类（伪类选择器）伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。静态伪类和动态伪类伪类选择器分为两种。（1）静态伪类：只能用于超链接的样式。如下：:link 超链接点击之前:visite...

本文重点CSS的继承性CSS的层叠性计算权重权重问题大总结CSS样式表的冲突的总结权重问题深入同一个标签，携带了多个类名!important标记CSS的继承性我们来看下面这样的代码，来引入继承性：上方代码中，我们给div标签增加红色属性，却发现，div里的每一个子标签<p>也增加了红色属性。于是我们得到这样的结论：有一些属性，当给自己设置的时...

盒子模型前言盒子模型，英文即box model。无论是div、span、还是a都是盒子。但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。盒子中的区域一个盒子中主要的属性就5个：width、height、padding、border、margin。如下：width和height：内容的宽度、高度（不是盒子的宽度、高...

文本主要内容标准文档流标准文档流的特性行内元素和块级元素行内元素和块级元素的相互转换浮动的性质浮动的清除浏览器的兼容性问题浮动中margin相关关于margin的IE6兼容问题标准文档流宏观地讲，我们的web页面和photoshop等设计软件有本质的区别：web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。标准文档流的特...

CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 -->下面逐一介绍。相对定位相对定位：让元素相对于自己原来的位置，进行位置调整（...