一、 CSS简介
从审美的角度,对HTML页面进行美化
- 什么是CSS
CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表。 - CSS的主要作用
站在审美的角度对HTML网页进行美化!
HTML只能实现网页的结构。 - 书写CSS的语法规则
CSS代码是由选择器和一对大括号组成
大括号里面是由一条一条的声明语句组成
每一条语句都要使用英文状态下面的分号来结束
每一条语句是由“属性:值”组成
CSS中的属性值一般不加引号
在CSS中如果属性值为数值型数据的时候 一般情况下需要加单位 单位一般都是px (像素)
在CSS中不能出现HTML标签 不能出现 <>这类的东西
在大括号的里面的最后一条语句的分号 可写可不写 但是建议大家加上
二、CSS代码的书写方式
(一)、什么是书写方式?
CSS代码应该书写在什么地方!
书写方式分为三种:嵌入式、外链式、行内式
CSS代码必须要依赖于HTML文件 如果没有HTML文件的支持 那么CSS代码没有任何作用!
因为CSS是用来给HTML网页进行美化。
1. 嵌入式
什么是嵌入式?
将CSS代码嵌入到HTML文件中,嵌入式是通过HTML中的
如果我们使用的是HTML5的文档 type属性可以省略不写!
注意:
它可以出现在HTML文件中的任何地方,但是一般情况我们只会将它放置在head标签里面
1.外链式
什么是外链式?
外链式是指单独写一个以.css为扩展名的文件,然后在标签中使用标签,将这个css文件链接到html文件中
注意:
css文件不能单独的运行,它必须要依赖于HTML文件!
语法格式:
link标签可以有多个,一个HTML页面可以同时的引入多个单独的CSS文件
CSS文件它必须要依赖于HTML文件 !它不能单独的运行!
- 行内式
什么是行内式?
将CSS代码书写在HTML标签的style属性中
style是一个通用属性,每一个标签里面都拥有这个属性!这个属性就是用来书写CSS代码 它的属性值 就是CSS代码
语法格式:
<标签名 style=”属性:值;属性:值;”></标签名>
总结:
使用嵌入式的方式来书写CSS代码,它只能作用于当前的HTML文件
使用外链式的方式来书写CSS代码,它可以作用于多个HTML文件
在写项目的时候 建议使用外链式
不建议将CSS代码写在HTML标签里面 因为我们要做到结构与样式分离 HTML就只写HTML代码 CSS代码就应该放置在专门的CSS文件中 方便维护
有同学现拥有一个自己的网站该怎么办呢?首先你需要一台服务器 你可以使用阿里云服务器,网页内容不会制作怎么办》在这边附一个阿里云建站云企的活动适合没有建站的经验的同学使用,其中拥有数千套网站模板,可以随意替换,备案上线快、可视化的后台管理系统,自带流量分析、集成友盟U-Web流量统计分析工具、seo收录快等特点