这是我参与2022首次更文挑战的第4天
CSS的主要使用场景就是美化网页,布局页面的。
一、HTML的局限性
HTML只关注内容的语义。例如:h1表明这是一个大标题,p表明这是一个段落,img表明这里有一个图片,a表示此处有链接。
很早的时候,世界上的网站虽然很多,但是他们有一个共同的特点:丑。
虽然HTML可以做简单的样式,但是它带来的是无尽的臃肿和繁琐......
二、CSS-网页美容师
CSS是层叠样式表(Cascading Style Sheets)的简称。
有时候我们也会称之为CSS样式表或级联样式表。
CSS也是一种标记语言。
CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
CSS让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS可以美化HTML,让HTML更加漂亮,让布局更加简单。
总结:
HTML主要做结构,显示元素内容;CSS美化HTML,布局网页;CSS最大价值:由HTML专注去做结构呈现,样式交给CSS。即结构(HTML)与样式(CSS)相分离。
三、CSS语法规范
使用HTML时,需要遵循从一定的规范,CSS也是如此。要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则。
CSS规则由两个主要的组成部分:选择器以及一条或多条声明。
选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式。
属性和属性值以“键值对”的形式出现,键值对(属性+属性值);属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等;属性和属性值之间使用英文":"(冒号)分开;多个“键值对”之间用英文“;”(分号)进行区分。