css基础

作者: dongguazhon | 来源:发表于2017-10-12 12:22 被阅读0次

    1.CSS的全称是什么?

    • 层叠样式表

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

    • CSS通常有行内式、内嵌式、导入式和链接式四种引入方式。

    • link是链接式,@import是导入式 。

    • 链接式和导入式,两者都是从外部引入CSS文件。导入式会在整个页面加载完成后再加载CSS文件,当网页内容较大时会产生不好的体验。而链接式会同时加载。

    • link是html的一个标签,@import是CSS的一个标签。两者效果相同。但是link不止可以调用CSS,还能调用其他类型的文件。而@import只能调用CSS文件。

    • @import不兼容过早版本的浏览器,而link没有这个问题.

    3.文件路径

    • 相对路径:
      以文件(HTML页面)所在路径为基准来查找相关文件css/a.css:在当前路径(HTML文件所在路径)下存在css文件夹,选择该文件夹下的a.css文件
      ./css/a.css:和第一个意义相同,其中./表示当前目录,选择当前目录下css文件夹中的a.css文件
      b.css:选择当前目录中的b.css文件
      ../imgs/a.png:其中../表示上一级目录,即选择上一级目录中的imgs文件夹下的a.png文件

    • 绝对路径:文件或目录在硬盘上真正的路径/Users/hunger/project/css/a.css:在本地计算机上可以通过该路径找到a.css文件

    • 网路路径:例如当前页面的地址为http://localhost:8080/code/index.html, 在该HTML文件中存在以下路径:/static/css/a.css:以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件
      css/a.css:以相对路径的方式在服务器中寻找a.css文件,即在index.html文件所在路径(目录)中寻找css文件夹下的a.css文件
      http://cdn.jirengu.com/kejian1/8-1.png5: 通过该地址可以找到网络上的8-1.png文件

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

    • 将图片上传至图床,获取链接,放入img的src属性中。
    • 上传到服务器内部并用相对路径读取。

    5.HTML、CSS书写规范

    • HTML
      为每个HTML页面的第一行添加标准模式(standard mode)的声明
      HTML属性应当按照一定的顺序依次排列,来确保代码的易读性
      标签、属性、属性命名由小写英文、数字和_组成,且所有标签必须闭合,属性值必须用双引号""
      避免使用中文拼音尽量简易并要求语义化
      多用无兼容性问题的HTML内置标签
    • CSS
      使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
      选择器 与 { 之间必须包
      属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
      列表型属性值 书写在单行时,, 后必须跟一个空格。font-family: Arial, sans-serif;
      每行不得超过 120 个字符,除非单行不可分割。

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

    相关文章

      网友评论

        本文标题:css基础

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