CSS基础

作者: 饥人谷_临渊 | 来源:发表于2017-11-30 19:40 被阅读0次

1、CSS的全称是什么?
层叠样式表(英文全称:Cascading Style Sheets)用于给HTML穿上一身华丽的“外衣”。

2、CSS有几种引入方式? link 和@import 有什么区别?
第一种:内联样式(直接加在某个元素属性中的样式)
<h1 style="color: red; font-size: 20px;"></h1>
第二种:内部样式(在head 的 <style> 标签里写样式,单个文件需要特别样式时,就可以使用内部样式表。)
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
第三种:外部样式(当样式需要被应用到很多页面的时候,可以选择外部样式)
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
通常来说type后的内容可以省略,rel后面的stylesheet则说明用哪一种样式表。href可以是有效的文件或者url。
<style>
@import url("hello.css");
@import “world.css”;
</style>
link是html的标签,可以放在html的任何地方,且页link是页面加载时候的同时加载。
@import是css的语法,放在style里(就是样式里),且@import是在整个页面加载完之后再加载CSS文件的,如果页面加载很慢,会出现一开始无样式。
@import是css2.1提出的,只在ie5以上才能识别,link不存在这个问题,兼容性较好。

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


文件路径excel.jpg

绝对路径就是文件的真正存在的路径,是指从硬盘的根目录(盘符)开始,进行一级级目录指向文件。
相对路径就是以当前文件为基准进行一级级目录指向被引用的资源文件。

4、如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
打开图床网站后上传所需图片,得到图片的链接则可以在img标签的src属性中填写图片的网络路径,即可展示图片。

5、列出5条以上html和 css 的书写规范
html:
-对于无需自闭合的标签,不允许自闭合。
例如无需自闭合标签有input、br、img、hr等。

  • 标签使用必须符合标签嵌套规则。
    比如 div 不得置于 p 中。
    -使用 HTML5 的 doctype 来启用标准模式,建议使用大写的 DOCTYPE。
    例如<!DOCTYPE html>
    -在 html 标签上设置正确的 lang 属性。
    -页面必须包含 title 标签声明标题。
    title 必须作为 head 的直接子元素,并紧随 charset 声明之后。
    例如<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
    </head>
    -若页面欲对移动设备友好,需指定页面的 viewport。
    css:
    -语法不区分大小写,但建议统一使用小写
    -属性定义后必须以分号结尾。
    -不使用内联的style属性定义样式
    -id和class使用有意义的单词,分隔符建议使用-
    -属性值是0的省略单位
    -块内容缩进
    -属性名冒号后面添加一个空格

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


360截图20171130184935874.jpg

相关文章

网友评论

      本文标题:CSS基础

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