CSS基本知识

1,css的全称是什么?

Cascading Style Sheets  层叠样式表

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

1.内连样式

<h1 style="color:red; font-size: 20px;"></h1>

2.内部样式

<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>

3.外部样式

<head>
<link rel="stylesheet" type="text/css" href="index.css" />
</head>

link和@import区别

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

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

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(绝对路径)
/static/css/a.css(以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件)
http://cdn.jirengu.com/kejian1/8-1.png(网站路径)

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

1.将图片上传到图床获取链接然后插入img属性中。
2.上传到服务器内部并用相对路径读取。

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

  • HTML书写规范
    1.代码缩进使用Tab键。
    2.标签与他的属性必须都是小写。
    3.标签通常是成对出现的,一开一关。也存在一些单标签,如:<meta />、<br />等。
    4.所有的标签必须合理嵌套。
    5.不要在HTML里使用内联样式
  • CSS书写规范
    1.建议统一使用小写。
    2.不使用内联的style属性定义字样。
    3.有可能就用缩写。
    4.id和class建议使用有意义的单词,分隔符建议使用-中横线。
    5.属性的冒号后面有个空格。

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

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,792评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,869评论 18 139
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    梨啊梨阅读 344评论 0 1
  • 最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...
    小龙是只猫阅读 601评论 0 1
  • 1)内嵌式写法 2)常用属性 3)选择器的分类一: 基础选择器 标签选择器 类选择器a, 先定义类样式 b,然后要...
    huhu502阅读 282评论 0 0