CSS基础

作者: S级食材咩咩羊 | 来源:发表于2017-03-11 14:04 被阅读0次

1.CSS的全称是什么?

CSS全称是 Cascading Style Sheets, 层叠样式表

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

共三种引入方式

  • 内联样式:直接在元素中写样式
  • 内部样式:在HTML文件中通过<style>写样式
  • 外部样式:在HTML文件中通过<link>链接CSS文件或者通过<style>内的@import链接CSS文件
    区别:
  • 语法不同:link为HTML的标签,@import为CSS语法
  • 加载顺序不同:link的CSS和页面同时加载,@import的CSS是在页面加载完后才加载
  • DOM控制样式:link的CSS可以通过JS来控制,而@import的CSS不行

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

3.1 相对路径

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

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

  • 上传到js.jirengu.com的服务器网站目录下,通过< img>引用本地路径
  • 上传图片到图床网站,获取外链后,通过< img>引用网站路径

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

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

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

无标题.png 无标题.png

相关文章

网友评论

    本文标题:CSS基础

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