css

作者: 7a9d36c8963d | 来源:发表于2017-08-01 23:48 被阅读0次

    CSS的全称是什么?

    层叠样式表 (Cascading Style Sheets)


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

    *浏览器缺省设置
    *外部样式表
    *内部样式表(位于 <head> 标签内部)
    *内联样式(在 HTML 元素内部)拥有最高优先权

    当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部.

    @import规则一定要先于除了@charset的其他任何CSS规则,使用@import影响页面性能的地方主要体现在两个方面:
    *影响浏览器的并行下载
    *多个@import导致下载顺序紊乱

    要注意的是,不论是link还是import方式,会下载所有css文件,然后根据媒体去应用css样式,而不是根据媒体去选择性下载css文件。
    最好不要用@import


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

    css/a.css 当前目录下的css文件夹中的a.css
    ./css/a.css 当前目录中css文件夹中的a.css文件
    b.css 当前目录下的b.css文件
    ../imgs/a.png 上级目录中的imgs 文件夹中的a图片
    /Users/hunger/project/css/a.css 本地绝对路径中的a.css文件
    /static/css/a.css 网站中也可以使用绝对路径
    http://cdn.jirengu.com/kejian1/8-1.png 网络中的路径


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

    将图片上传到服务器,可以用img标签src属性的值为图片在服务器中的路径,

    屏幕快照 2017-08-02 下午7.39.26.png

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

    css:

    *选择器 与 { 之间必须包含空格
    *属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格
    *属性定义必须另起一行
    *属性定义后必须以分号结尾

    html

    *一定要闭合HTML标签
    *声明正确的文档类型(DocType)
    *不要使用内联样式
    *使用小写的标签名
    *同一页面,应避免使用相同的 name 与 id重名
    *标签使用必须符合标签嵌套规则

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

    屏幕快照 2017-08-01 下午11.29.07.png

    elements:显示、修改当前页面的dom元素,浏览器实时展示,该页所修改的内容只有自己可以看到,通常可以用来 测试网页展示效果。
    style:对应的是当前页面的样式,如果觉得该页有哪部分样式想借鉴,或者在chrome中调试好的样式,可以复制这段样式的代码。
    console:可以看js代码的执行状态和变量,输入al_c可以看到全局变量,在页面js页面添加console.log(想输入的内容),把控制台关闭不在浏览器中显示,打开控制台又出现。
    sources:可以调试js
    network:调试ajax接口,前后台交互的问题。
    application:当前页面请求的资源
    memory:分析cpu和内存
    注:常用部分有elements、application、network、console

    相关文章

      网友评论

          本文标题:css

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