美文网首页
day24-静态页面实战

day24-静态页面实战

作者: 喵鸢 | 来源:发表于2017-07-07 11:10 被阅读16次

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️⃣设置全局背景颜色、字体颜色等

相关文章

  • day24-静态页面实战

    CSS书写格式 方式一:行内样式直接写在标签中 方式二:内联式、内嵌式写在head标签中的style标签中写 方式...

  • 静态页面项目实战训练

    (一) 要求做项目之前必细心去看: 实战训练问题汇总做完项目在看看这个视频,讲解如何做实战1的页面图标可使用 ic...

  • Servlet前置知识

    动态页面和静态页面 介绍 Servlet 之前,先来了解 静态页面、动态页面 的区别: 静态页面:或称为静态资源,...

  • SpringBoot2 整合FreeMarker模板,完成页面静

    本文源码:GitHub·点这里 || GitEE·点这里 一、页面静态化 1、动静态页面 静态页面 即静态网页,...

  • scrapy结合selenium进行动态加载页面内容爬取

    动态页面与静态页面 比较常见的页面形式可以分为两种: 静态页面 动态页面 静态页面和动态页面的区别 使用reque...

  • 从0开始学PHP web简介(-)

    一 .web简介(静态页面->动态页面)        1.早期的web应用主要是静态页面的浏览,这些静态页面使用...

  • Django中模板变量的使用(十)

    一、网页中的动态页面和静态页面 1、静态页面:静态页面是网页的源代码都在页面中,不需要执行asp,php,jsp,...

  • Python 爬虫实战计划:第四周作业

    要求: 项目结构: 项目流程: 首先把静态页面做出来。 然后将静态页面转换为动态页面。 制作静态页面。效果如下:a...

  • PHP页面静态化01

    动态页面与静态页面 动态页面:首先加载动态文件,将动态文件中的内容,如php文件, asp文件等 静态页面:静态的...

  • UIWebview与OC交互以及加载失败

    One、UIWebView加载静态页面 做APP时,我们会展示静态页面,或与静态页面交互 与APP交互时,可以在静...

网友评论

      本文标题:day24-静态页面实战

      本文链接:https://www.haomeiwen.com/subject/isrhhxtx.html