day24-静态页面实战

CSS书写格式

• 方式一：行内样式
  • 直接写在标签中
• 方式二：内联式、内嵌式
  • 写在head标签中的style标签中写
• 方式三：外链式 ----- 开发中使用!!!
  • 创建一个.css文件，写在里面
  • link标签 rel href=.css文字
  • 优点：结构代码和样式代码分离，利于维护和阅读
• 方式四：导入式
  • 写在head标签中的style标签中写@import “一个外部的.css文件”

导入式和外链式区别

• 1.外链式是通过link标签；导入式通过@import是CSS2.1推出的，则存在有兼容问题
• 2.外链式先加载CSS样式再加载结构，看到的是已经加载过样式的界面；导入式先加载结构再加载CSS样式，所以看到界面的时候不一定已经加载过样式

静态界面实战

开始项目的准备

• 1.创建一个站点文件夹directory打上项目名字--名字可以是中文
• 2.再创建子文件夹css、js、images和index.html--子文件夹和子文件不能出现中文
• 3.重置所有默认样式和设置一些全局样式，并且将css文件和界面关联起来
  • 1️⃣清空默认样式
  • 2️⃣设置全局背景颜色、字体颜色等