lnn311的专栏

一、选择符的使用：同一个元素可以使用多个类选择符，类名与类名之间用空格分隔 class="class1 class2"。可以看到：一个元素可以应用多个类选择符。当使用两个颜色选择符时，无论在元素中应用时先写了哪个类，结果都是一样的。可以试着调整一下样式的顺序，在css中，将red写在blue的后面，如下图。可以看到在元素中无论哪个写在后是一样的。即后面的样式会覆盖前面的，是

理解CSS3中的background－size(对响应性图片等比例缩放)转载 2016年11月21日 14:38:24标签： 前端css/ 5018 发表评论HTML/XMLobjective-c Delphi RubyPHP C# C++ JavaScript Vi

1.static（默认）Position：static；默认值。也就是按照文档的流式（flow）定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适应，取得相对较好的布局效果。Static定位不能通过z-index进行层次分级。2.relative（相对定位）Position：relative；在static基础上，让元素在它本来的位置上有一定的偏移。通过

随着CSS3的兴起,现在的盒模型的计算基准有两种,分别为content-box和border-box.即box-sizing:content-box|border-box|inherit取值说明：1.content-box是默认值，其让元素维持W3C标准盒模型，即Width/height(盒子的宽度/高度)=border+padding+content width/height（内

“语义化”的理解：“语义化”指的是机器在很少的人为的干预下可以收集和研究信息，从而使网页能够被机器所理解。HTML 标签语义化就是给某块内容加上一个最恰当、最合适的标签，无论阅读者是谁都可以看懂这块内容是什么。结构化：如果把网页比作房子，HTML结构就是一面面的墙，而标签是一块块的砖，只有砖码的整齐，墙才会牢固。同样，只有标签合理，HTML结构才更友好。CSS则是装饰材料。好的

使用CSS设计圆角图片：通过CSS新的属性border-radius来实现图片的圆角化。设计步骤：（1）构建网页结构。网页结构非常简单，仅仅是在网页中添加了4张图片。（2）定义网页的基本属性。在以上代码中设置了网页四周的补白为20px，用padding设置了网页的内边距为20px，居中显示。（3）运用border-radius属性设置圆角图片。

使用CSS设置阴影图片有时候为了使网页美观，需要给图片加上阴影，让图片有一种特殊的效果。设计步骤：（1）构建网页基本结构。页面的结构很简单，只要两个标签，在每个标签中都包含了一个标签和一个标签，分别定义了一左一右的两幅图片。（2）定义图片的阴影，其实给图片加阴影的原理很简单，就是运用两个块的相对位置偏移来实现，阴影的宽度和颜色深浅的值可由用户决定，也就是CSS中的相对定位属

使用CSS设置图片样式：1.定义图片边框在HTML语法里，可以直接通过标记的border属性为图片添加边框，语法如下所示。仅仅使用HTML控制图片边框是无法设计出丰富多彩的图片效果的，还需要使用CSS中的border-style 、border-color、border-width三个属性来定义边框，其语法如下。border-style：参数；border-color：参数

使用CSS设置字体和文本样式：1.定义字体类型font-family用法：font-family:name;font-family:ncursive|fantasy|monospace|serif|sans-serifname表示字体名称，可指定多种字体，用空格隔开。按优先顺序排列。如果字体名称包含空格，则应该使用括号（）括起来。 font是一个复合属性，所谓复合属性是