美文网首页我爱编程
CSS基础知识点

CSS基础知识点

作者: Komolei | 来源:发表于2017-02-25 00:32 被阅读0次

    CSS的全称是什么?

    cascading style sheets,层叠样式表


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

    三种:
    1、内联样式

    <p style="background:red;">;

    2、内部样式;

    <style>
    .classname{ background:red;}
    </style>

    3、外部样式,分为两种link和@import

    <link href="a.css" type="text/css" rel="stylesheet">
    <style>
    @import url("a.css");不要忘记分号;
    ""引号可以省略
    @import ”a.css”;
    </style>


    区别

    link是个html标签
    @import是个css的语法,随时随地可以引用放在样式文件中(在其他css中还可以通过它进行引用另外的css文件)
    具体有两种写法
    ><style>
    >@import url("a.css"):
    其中”“可以去掉 ,简化为
    >@import url (a.css);
    或者
    >@import ”a.css“;
    1.写法不同
    link是个标签。@import是一种css3的写法。
    2.两者的加载方式不同
    link链接的是外部样式,浏览器将其会同html文件差不多一同加载渲染,而@import要等html加载完成之后在进行加载。
    3.兼容性的差别。由于@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
    4.使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制改变的。
    link支持javascript控制dom去改变样式,而@import不支持通过dom去改变样式,只能通过css去修改样式。


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

    相对路径:
    css/a.css :css文件夹中的a.css文件
    ./css/a.css:**当前css文件夹中的a.css文件
    b.css:与a.css同目录下的b.css文件
    ../imgs/a.png:上一级目录imgs中的a.png


    绝对路径
    /Users/hunger/project/css/a.css:电脑a.css文件的完整在电脑上的路径


    网络路径
    /static/css/a.css:上传到服务器端的a.css的路径
    http://cdn.jirengu.com/kejian1/8-1.png:8-1.png在网络上的路径


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

    在本地搭建服务器,然后上传图片到本地服务器,得到地址,然后再js.bin中调用地址。
    或者直接将图片上传到百度图片的服务器,得到url,再在js.bin中调用


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

    1.注意大小写,属性一律小写
    2.不适用内联样式
    3.属性值为o的省略单位
    4.属性名字后加一个空格,便于好看
    5.id和class 起名字要有意义,两个单词可以使用-连接
    6.属性书写的顺序

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

    http://chuantu.biz/t5/48/1488191859x1944531257.png
    **严禁转载,违者必究!

    相关文章

      网友评论

        本文标题:CSS基础知识点

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