CSS基本知识

作者: 饥人谷_思铭 | 来源:发表于2017-07-27 17:42 被阅读0次

    1,css的全称是什么?

    Cascading Style Sheets  层叠样式表

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

    1.内连样式

    <h1 style="color:red; font-size: 20px;"></h1>

    2.内部样式

    <style type="text/css">
    h1 {
    color: red;
    font-size: 20px;
    }
    </style>

    3.外部样式

    <head>
    <link rel="stylesheet" type="text/css" href="index.css" />
    </head>

    link和@import区别

    • link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
    • link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
    • link是HTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
    • link支持使用Javascript控制DOM去改变样式;而@import不支持。

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

    css/a.css(相对路径表示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(绝对路径)
    /static/css/a.css(以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件)
    http://cdn.jirengu.com/kejian1/8-1.png(网站路径)

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

    1.将图片上传到图床获取链接然后插入img属性中。
    2.上传到服务器内部并用相对路径读取。

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

    • HTML书写规范
      1.代码缩进使用Tab键。
      2.标签与他的属性必须都是小写。
      3.标签通常是成对出现的,一开一关。也存在一些单标签,如:<meta />、<br />等。
      4.所有的标签必须合理嵌套。
      5.不要在HTML里使用内联样式
    • CSS书写规范
      1.建议统一使用小写。
      2.不使用内联的style属性定义字样。
      3.有可能就用缩写。
      4.id和class建议使用有意义的单词,分隔符建议使用-中横线。
      5.属性的冒号后面有个空格。

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

    Paste_Image.png

    相关文章

      网友评论

        本文标题:CSS基本知识

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