深入理解css| 青训营

52 阅读3分钟

什么是css

层叠样式表(Cascading Style Sheets,缩写为 CSS)是一种样式表语言,用来描述 HTML或 XML(包括如 SVG之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。

CSS 是开放 Web 的核心语言之一,并根据 W3C 规范在 Web 浏览器中进行了标准化。以前,CSS 规范的各个部分的开发是同步进行的,这种方式允许对最新推荐的 CSS 版本进行控制。你可能已经听说过 CSS1、CSS2.1 甚至 CSS3。但是以后将不会再有 CSS3 或者 CSS4;相反,现在的一切都是没有版本号的 CSS。

在 CSS2.1 之后,规范的制定范围不断地增加,并且不同的 CSS 模块进展差异如此之大,以至于按照模块来单独进行开发并发布建议变得更加有效。W3C 现在不再对 CSS 规范进行版本控制,而是定期对 CSS 规范的最新稳定状态和各个模块的进展用快照来记录。CSS 模块现在有版本号或者级别,例如 CSS Color Module Level 5。

学习 CSS 的基础知识

1.了解基本的 CSS 语法 如果你已经掌握了 HTML 的基本语法,草草地学习 CSS 语法,当然是不行的。要学好 CSS,就必须掌握基本的 CSS 语法。CSS 语法非常简单,基本的语法格式如下:

选择器 { 属性1: 值1; 属性2: 值2; }

这个语法非常容易理解:选择器指的是需要样式化的 HTML 元素,后面用花括号里面的属性和属性值来控制该元素的样式。

2.学习 CSS 的选择器 CSS 选择器是指可以用来匹配 HTML 元素或者文档树的某一部分的一组规则。可以将 CSS 选择器看作是网页中元素的姓氏。在一个 HTML 文档中,通过给每个元素设置一个 "class" 或 "id" 号,可以把这些元素组织成为不同的集合,然后通过 CSS 选择器来选择这些集合,进而选择元素并对其进行样式化。

3.学习常用的 CSS 属性和值 良好的设计和排版必需要掌握一些 CSS 基本属性,包括文字、边框、背景、颜色、定位等。

下面是一些最常用的 CSS 属性和值。

文字:font、color、text-align、text-indent、line-height 等。

边框:border、border-radius 等。

背景:background-color、background-image 等。

颜色:color、background-color、border-color 等。

定位:position、top、left、right、bottom 等。

如何学好css

1.尽力去找机会进行实习、外包等进行实际项目的锻炼,哪怕没有工资也要去积极尝试。这一条并不是多做就会好有的效果,有的人做的项目不少总是按着老的思路去做,做了很多,水平也不会有太大的提高,提高的也只能是熟练度.每一次在做的过程中要学会去思考,看看我们有没有更优化的的方法去实现同一个效果。

2.多看一些国外的好的CSS网站,分析他们的页面和CSS.从好的网站你会学到很多东西,和你已有的一对比,你会发现他们的思路要比你开阔的多,也优秀的多.

CSS 技巧对于前端开发者来说是非常重要的技能之一。想要学好 CSS,关键在于掌握基础知识,不断挑战自己,不断深入学习。只要按照上面的介绍,努力学习并不断实践,相信你一定能够成为一名出色的前端开发者。