CSS基础

作者: 月光下的微笑 | 来源:发表于2017-09-28 10:53 被阅读0次

    CSS的全称是什么?

    • 层叠样式表
    • 英文为Cascading style sheet

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

    1. 内联样式:
    <p style="height: 10px;" ></p>
    
    1. 内部样式:
    <style>body{margin: 0;padding: 0;}</style>
    
    1. 外部部样式:
    <link rel="stylesheet" type="text/css" href="style.css">
    
    • link是一个html标签,一般放在HEAD里,而@import是CSS语法需要放在style里,另外link还可以链接别的东西并不只是CSS比如网页的图标
    <link rel="icon" href="logo.ico" type="image/x-icon" />
    
    效果如下:

    会在网页title左边出现一个小图标

    • 加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS 会等到页面全部被下载完再被加载。

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

    文件路径 意义
    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 static文件夹里面的css文件夹里面的a.css
    http://cdn.jirengu.com/kejian1/8-1.png 图片上传后生成的线上地址

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

    1. 先把图片上传至jirengu服务器,然后引用相对路径
    2. 上传图片,生成图片链接,然后引用图片

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

    1. 所有的HTML标签必须小写;
    2. 所有的HTML属性必须小写;
    3. 所有的样式名及规则必须小写;
    4. 以 UTF-8 无 BOM 编码作为文件格式;
    5. 在HTML中文档中用 <meta charset="utf-8" /> 来指定编码;
    6. 为每个CSS文档显示的定义编码,在文档首行定义 @charset "utf-8";
    7. 将结构(html)与表现(css)、行为分离(javaScript),保证它们之间的最小耦合,这对前期开发和后期维护都至关重要。

    相关文章

      网友评论

          本文标题:CSS基础

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