CSS标签入门基础知识

CSS简介

html的局限性

html是非常单纯的,只关注内容的语义。
例如:< h1>表明这只是一个大标题,< p>表明这只是一个段落,< img>表明这里有一个图片,< a>表示此处有链接。
html可以做简单的样式,但会非常的繁琐。

css-网页的美容师

css是层叠样式表(Cascading Style Sheels)的简称。
也称为css样式表或级联样式表。
css也是一种标记语言。
css主要用于设置html页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边框距等)以及版面的布局和外观的显示样式。
css就是可以美化html,可以让html更漂亮,网页布局更简单.
由html专注做结构呈现,样式交给css,即结构(HTML)与样式(CSS)相分离。

css语法规范

css规则主要有俩个主要的部分组成:选择器以及一条或多条声明。
CSS入门基础知识(一)

1、选择器就是指定css样式的htm标签,花括号里是对该对象设置的具体样式。、
2、属性与属性值是以”键值对“的形式出现。
3、属性是对指定的对象设置的样式属性,例如字体大小等。
4、属性与属性值之间用英文分号“;”隔开。
5、选择器和属性值间用英文“:”隔开。

css代码风格

css不是强制规范,是符合实际开发书写方式

样式格式书写

紧凑格式
CSS入门基础知识(一)
展开格式(建议用这种哦~更直观)
CSS入门基础知识(一)

样式大小写

建议都用小写字母,特殊情况除外~
CSS入门基础知识(一)
CSS入门基础知识(一)

空格规范

CSS入门基础知识(一)
1、在属性值前面,冒号后面,保留一个空格。
2、选择器(标签)和大括号中间保留空格。

CSS基础选择器

css选择器的作用

选择器(选择符)就是根据不同的需求把不同标签选出来。
CSS入门基础知识(一)
以上css做了俩件事:
1、找到所有的h1标签。(选对人)
2、设置这些标签的样式,比如颜色改为红色。(做对事)

选择器的分类

选择器分为基础选择器和复合选择器俩大类。
基础选择器:
1、基础选择器由单个选择器组成的。
2、基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器。

标签选择器

标签选择器(元素选择器)是指用html标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css样式。
CSS入门基础知识(一)
例子:
CSS入门基础知识(一)
CSS入门基础知识(一)
作用:
标签选择器可以把某一标签全部选择出来,比如所有的< div>标签和所有的< span>标签。
优点:
可以快速为页面中同类型的标签统一设置样式。
缺点:
不能设计差异化样式,只能选择全部的当前标签。

(ps:引自pink老师~,刚刚开始作为自己的学习笔记写,如有不好请见谅,阿里嘎多)

参考学习链接。[^1]

[^1]:https://www.bilibili.com/video/BV14J4114768?p=1

相关文章: