1.CSS的全称是什么?
- 层叠样式表
2.CSS有几种引入方式? link 和@import 有什么区别?
-
CSS通常有行内式、内嵌式、导入式和链接式四种引入方式。
-
link是链接式,@import是导入式 。
-
链接式和导入式,两者都是从外部引入CSS文件。导入式会在整个页面加载完成后再加载CSS文件,当网页内容较大时会产生不好的体验。而链接式会同时加载。
-
link是html的一个标签,@import是CSS的一个标签。两者效果相同。但是link不止可以调用CSS,还能调用其他类型的文件。而@import只能调用CSS文件。
-
@import不兼容过早版本的浏览器,而link没有这个问题.
3.文件路径
-
相对路径:
以文件(HTML页面)所在路径为基准来查找相关文件css/a.css:在当前路径(HTML文件所在路径)下存在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:在本地计算机上可以通过该路径找到a.css文件
-
网路路径:例如当前页面的地址为http://localhost:8080/code/index.html, 在该HTML文件中存在以下路径:/static/css/a.css:以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件
css/a.css:以相对路径的方式在服务器中寻找a.css文件,即在index.html文件所在路径(目录)中寻找css文件夹下的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png5: 通过该地址可以找到网络上的8-1.png文件
4.如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 将图片上传至图床,获取链接,放入img的src属性中。
- 上传到服务器内部并用相对路径读取。
5.HTML、CSS书写规范
- HTML
为每个HTML页面的第一行添加标准模式(standard mode)的声明
HTML属性应当按照一定的顺序依次排列,来确保代码的易读性
标签、属性、属性命名由小写英文、数字和_组成,且所有标签必须闭合,属性值必须用双引号""
避免使用中文拼音尽量简易并要求语义化
多用无兼容性问题的HTML内置标签 - CSS
使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
选择器 与 { 之间必须包
属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
列表型属性值 书写在单行时,, 后必须跟一个空格。font-family: Arial, sans-serif;
每行不得超过 120 个字符,除非单行不可分割。
网友评论