CSS基础

作者: Ligod | 来源:发表于2017-04-14 23:05 被阅读0次

1.css全称是什么?

Cascading Style Sheet(层叠样式表)

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

  • 内联样式:在标记的style属性中设定css样式。这种方式没有体现css的优势,不推荐使用。
  • 内部样式:将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。
    缺点是对于一个包含很多网页的网站,如果在每个网页中使用嵌入式,修改样式时非常麻烦,单一网页可以考虑使用嵌入式。
  • 导入样式:@import;将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,写在<head>标记中<style>标记里。
  • 链接样式:将一个.css文件引入到HTML文件中,但它与导入式不同的是链接式使用HTML规则引入外部CSS文件,它在网页的任何位置使用<link>标记来引入外部样式表文件,一般放在<head>中。
link和@import区别

1.link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
2.link是XHTML标签,无兼容问题;@import低版本的浏览器不支持。
3.ink支持使用Javascript控制DOM去改变样式;而@import不支持。
4.link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

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

1.相对路径

  • css/a.css:当前文件css中的a.css文件
  • ./css/a.css:当前文件夹下css文件夹中的a.css文件
  • b.css:当前文件夹下的b.css文件
  • ../imgs/a.png:上级文件夹下imgs文件中的a.png

2.绝对路径

  • /Users/hunger/project/css/a.css 本地绝对路径下的a.css文件,在本地计算机上可以找到

3.网络路径

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

将本地图片上传到网络服务器,生成网络地址,再引用网络地址。

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

1.语法不分大小写,但建议统一使用小写
2.不使用内联的style属性定义样式
3.id和class使用有意义的单词,分隔符使用-
4.属性值是0的省略
5.块内容缩进
6.属性值冒号后添加空格

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

Chrome调试.png 2.png

相关文章

网友评论

    本文标题: CSS基础

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