CSS基础相关

作者: 虚玩玩TT | 来源:发表于2017-04-02 22:45 被阅读0次

    CSS的全称是什么?

    CSS,Cascading Style Sheets,层叠样式表。

    CSS有几种引入方式?link和@import有什么区别?

    • 内联样式,在标签内进行设置,用到style。
      <h1 style="color: red; font-size: 20px;"></h1>

    • 内部样式,要用到<style>标签,只对当前页面有效。一般放置在<head>
      <style type="text/css">
      h1 {
      color: red;
      font-size: 20px;
      }
      </style>

    • 外部样式,使用link或@import,从外部通过链接,引入CSS。
      <link rel="stylesheet" type="text/css" href="index.css">
      或者
      <style>
      @import url("hello.css");
      @import "world.css";
      </style>

    • 浏览器默认样式,浏览器会默认设计一些样式,当html没有引入样式的时候,浏览器就会使用浏览器的默认样式。

    link和@import的区别:

    1. link是一个html标签,可以在html中使用,而@import是css中的一个语法,只能在css样式表或style标签内使用。
    2. 加载一个html时,link引用的CSS会被同时加载,而@import会等页面加载完后再开始加载引入CSS。
    3. @import是CSS2.1提出的,在兼容性上一些老的浏览器不支持,而link不会。
    4. @import可以在CSS中再次引入其他的样式表,而link不行

    以下这几种文件路径分别用在什么地方,代表什么意思?

    1. css/a.css
    2. ./css/a.css
    3. b.css
    4. ../imgs/a.png
    5. /Users/hunger/project/css/a.css
    6. /static/css/a.css
    7. http://cdn.jirengu.com/kejian1/8-1.png

    1 相对路径。表示在当前文件所在目录下css文件夹中的a.css文件所在位置。
    2 相对路径。和1相同
    3 相对路径。表示在当前文件所在目录下的b.css文件所在位置。
    4 相对路径。表示在当前文件所在目录下的上一级目录下imgs文件夹中a.png文件所在位置
    5 绝对路径。表示a.css文件所在的本机文件位置。
    6 网站路径。表示a.css文件所在服务器上的文件位置, /static/css/a.css之前是域名。
    7 网站路径。表示8-1.png这个文件的线上的地址。

    如果想在js.jirengu.com上展示一个图片,需要怎么操作?

    将想要展示的图片上传到线上,得到一个地址URL,然后
    img src="URL" alt="描述图片"(此处不能加尖括号,不知为什么)
    就可以展示图片。

    列出5条以上html和 css 的书写规范

    1. 写语法的时候尽量用小写。
    2. 不使用内联样式
    3. 属性值为0则不写单位
    4. 属性名冒号后面加一个空格
    5. 使用4个空格缩进,不使用tab
      6.当有多个选择器是,每个选择器单写一行

    截图介绍 chrome 开发者工具的功能区

    chrome控制台.png

    控制台还是有些乱,涉及到很多新名词,很懵。

    相关文章

      网友评论

        本文标题:CSS基础相关

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