CSS基础

CSS的全称是什么?

  • 层叠样式表
  • 英文为Cascading style sheet

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

  1. 内联样式:
<p style="height: 10px;" ></p>
  1. 内部样式:
<style>body{margin: 0;padding: 0;}</style>
  1. 外部部样式:
<link rel="stylesheet" type="text/css" href="style.css">
  • link是一个html标签,一般放在HEAD里,而@import是CSS语法需要放在style里,另外link还可以链接别的东西并不只是CSS比如网页的图标
<link rel="icon" href="logo.ico" type="image/x-icon" />

效果如下:

会在网页title左边出现一个小图标

  • 加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS 会等到页面全部被下载完再被加载。

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

文件路径 意义
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 static文件夹里面的css文件夹里面的a.css
http://cdn.jirengu.com/kejian1/8-1.png 图片上传后生成的线上地址

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

  1. 先把图片上传至jirengu服务器,然后引用相对路径
  2. 上传图片,生成图片链接,然后引用图片

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

  1. 所有的HTML标签必须小写;
  2. 所有的HTML属性必须小写;
  3. 所有的样式名及规则必须小写;
  4. 以 UTF-8 无 BOM 编码作为文件格式;
  5. 在HTML中文档中用 <meta charset="utf-8" /> 来指定编码;
  6. 为每个CSS文档显示的定义编码,在文档首行定义 @charset "utf-8";
  7. 将结构(html)与表现(css)、行为分离(javaScript),保证它们之间的最小耦合,这对前期开发和后期维护都至关重要。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 4,524评论 0 1
  • 1.CSS简介 CSS 的全称是Cascading Style Sheets,层叠样式表 2.CSS的引入方式 内...
    毛毛独角兽阅读 2,622评论 0 0
  • CSS的全称是什么? CSS的全称是Cascading Style Sheet -- 层叠样式表。 层叠样式表(...
    萧雪圣阅读 1,891评论 0 1
  • 1.CSS的全称是什么? CSS全称是 Cascading Style Sheets, 层叠样式表。CSS不仅可以...
    FLYSASA阅读 2,615评论 0 1
  • 1,我很高兴听到你做得很好 是失望吧。生活可以是好的,但绝对不都是美好收场,演戏当然可以只演好的那一面,但事实上我...
    不流不流阅读 3,315评论 3 8