web前端css的复习(一)css基础

目录

  1. css产生的原因
  2. css的好处
  3. css引入
  4. css的基本写法
  5. css样式规范

       如果跟着我的总结复习走下去的人就会知道,前面我把html总结为建筑的地基,那么接下来要说的css可以说开始建造大楼了,下面让我们看看吧。冲鸭!!!!!!做好准备,css还有五秒到达战场。

  1. css产生的原因

           由于早期页面布局多用html的原本自带的属性值,导致修改样式特别的不方便,所以导致css这门语言的星期

  2. css的好处

           能够更加直接,简便,明显的改变页面的布局样式,并且附加有更强大的功能。

  3. css引入

           css的引入其实共分为三种
           (一)内联样式:<div style="color:red;"></div><标签名 style="属性1:属性值1;">内容</标签名>
           语法中的style是标签的属性。实际上任何的html都拥有style属性,用来设置行内式。其中属性和值的书写规范与css样式规则相同,行内式只对其所在的标签嵌套在其中的子标签起作用。

           (二)内部样式表:<style>内嵌式是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义</style>

           (三)外部样式表(外链式!!!!!!)
           外链式是将所有的样式放在一个或多个以css为扩展名的外部样式表的文件中,通过link标签将外部样式表文件链接到HTML文档中。<head><link href="css的路径" type="text/css" rel="stylesheet"/></head>
           link:单标签。
           href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
           rel:定义当前与被链接文档之间的关系,在这里需要被指定为“stylesheet”表示被链接的文档是一个样式表文件。

  4. css的基本写法

           选择器 {属性: 值;}

       上面的这个其实就是css的最基础的模板了。

  1. css样式规范

           (一)选择器用于指定css样式作用的HTML对象,花括号内是对该对象设置的具体样式。

           (二)属性与属性之间以“键值对”的形式出现。

           (三)属性是对指定的对象设置的样式属性,例如字体大小,文本颜色。

           (四)属性与属性值之间用英文":“进行连接。

           (五)多个键值对之间用英文”;"进行区别

猜你喜欢

转载自blog.csdn.net/qq_40851232/article/details/88983668