CSS基础

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是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 867评论 0 1
  • CSS的全称是什么? CSS全程是Cascading Style Sheets层叠样式表 CSS有几种引入方式? ...
    Taaaaaaaurus阅读 380评论 0 1
  • 1.CSS简介 CSS 的全称是Cascading Style Sheets,层叠样式表 2.CSS的引入方式 内...
    毛毛独角兽阅读 334评论 0 0
  • 1.CSS的全称是什么? 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM...
    billa_8f6b阅读 463评论 0 1
  • 咸阳一曲阿房赋 垓下半分楚韵秋 残戟未干百战血 断锋难掩千年氿 龙战于野,其血玄黄。天下悲嗷,万里余荒。 但也正是...
    茗香酒影阅读 219评论 0 1