任务6

CSS的全称是什么?

层叠样式表Cascading Style Sheet

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

  1. 行内样式:<div style="background:red;"></div>
  2. 内部样式:<style> .div{ background:red; } </style>
  3. 外部样式:<link rel="stylesheet" type="text/css" href="css/css1.css">
  4. <style></style>表里写@import url("");

link和@imort的区别:

  1. 语法结构差别。link 是 HTML 标签除了 CSS 还能定义别的东西,而@import是CSS提供的一种方式,只能加载CSS了。

  2. 加载顺序的差别。link 和页面本体是会同时加载的,而 @import 得等到页面加载完成再加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁)。

  3. 兼容性的差别。@import 是 CSS 2 标准,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。

  4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

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

css/a.css ---- 当前目录下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文件
/static/css/a.css ---- 某网站目录下/static目录下的/css目录下的/a.css文件
http://cdn.jirengu.com/kejian1/8-1.png ----- 网站上的绝对路径,表示饥人谷该网站kejian1目录下的名为8-1.png的图片地址

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

  1. 把图片上传服务器,然后引用相对路径
  2. 第二种生成图片的链接,然后引用图片

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

  • 使用英文小写
  • 嵌套注意层层缩进标签,缩进使用Tab
  • 使用语义化标签
  • class命名使用具体的内容,不要按会变的left/right等
  • 在每个 HTML 页面的第一行添加声明<!DOCTYPE html>
  • 使用外联式css样式<link href="css.css"rel="stylesheet">
  • 使用注释,方便以后或其他人理解
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS的全称 Cascading Style Sheets,层叠样式表。是一种样式表语言,用于为HTML文档定义布...
    饥人谷_哈噜噜阅读 425评论 0 1
  • 1、CSS的全称是什么? CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制...
    大胡子歌歌阅读 228评论 0 0
  • 是的,我是一个男人,这除了在体貌特征上有表现外,户口本之类的档案上的性别一栏里也填着“男”这个字。认识我的人都知道...
    春花云妆阅读 570评论 0 1
  • 海那么大鲸鱼会不会迷路 花那么红色盲会不会看错 路那么长孤独会不会胆颤
    易似菌阅读 251评论 0 1

友情链接更多精彩内容