css入门小知识

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

css样式:

在这里插入图片描述
内联样式,即直接写到标签里的style属性,可以对该标签添加样式,每个样式用;分开,但是不方便复用,属于结构(html)与表现(css)耦合。
在这里插入图片描述
内部样式,即将style放在head标签中声明,此时称为选择器。
结构:先写一个a标签的名字(例如p,h1,body等),然后用一对中括号围起来,里边写样式,还是用分号分开。这样就可以将该页面的全部a标签设置为刚才写的样式。例如:
在这里插入图片描述
这里的 type是类型 text是文本,css就是样式(固定格式记住就行)。
在这里插入图片描述
外部样式,即新建一个css文件,在html文件中再用link标签连接起来,这样可以最大程度的进行复用,也是最推荐的一种方式。
格式:

<link rel="stylesheet" type="text/css" href="style.css">
style.css即是我们写好的外部样式。

CSS的语法:

注释:css的注释和html不同,用/* */来写注释。
选择器:通过选择器可以选中页面中指定的元素,并且将声明块中的样式应用到选择器对应的元素上。

声明块:声明块紧挨在选择器的后边,使用一对{}括起来,声明块中实际上就是一组一组的名值对结构,这一组一组的名值对我们称为声明,在一个声明块中可以写多个声明,多个声明之间使用;隔开,
声明的样式名之间使用:来连接

猜你喜欢

转载自blog.csdn.net/YuTinH/article/details/106310944