CSS简介

作者: 饥人谷_tonya | 来源:发表于2017-02-28 11:03 被阅读0次

CSS的全称是什么?

css的全称是Cascading Style Sheet,汉语意思是“级联样式表”,通常又称为“风格样式表(Style Sheet)",他是用来进行网页风格设计的。

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

CSS通常有内联式内部式外部式

  • link方法 链接式
  • @import引入 导入式
差别 link @import
属于差别 属于XHTML标签,除了可以加载CSS外,还可以定义RSS,定义rel连接属性 是CSS提供的一种方式,只能加载CSS
加载顺序差别 link引用的CSS会同时被加载 @import引用的CSS会等到页面全部被下载完再被加载
兼容性差别 link标签无此问题 @import是CSS2.1提出的所以老的浏览器不支持,只有在IE5以上的才能识别
使用DOM控制样式时的差别 当使用JavaScript控制DOM去改变样式的时候,只能使用link标签 @import不是DOM可以控制的
@import可以在CSS中再次引入其他样式表 可以创建一个主样式表,在主样式表中再引入其他的样式表

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

内容 说明
css/a.ss 相对路径:当前文件夹内的CSS文件夹内的a.css
./css/a.css 相对路径:当前文件夹内的CSS文件夹内的a.css
b.css 相对路径:当前文件b.css
../imgs/a.png 相对路径:上层目录下的imgs文件夹下的a.png
/User/hunger/project/css/a.css 绝对路径:在本计算机上可以通过这个路径直接找到
/static/css/a.css 以绝对路径的方式在服务器中寻找a.css文件
css/a.css 相对路径的方式在服务器中寻找a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 通过该地址可以找到网络上的8-1.png文件

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

1. 将本地的图片上传,直接使用相对路径调用展示图片
2. 通过网络路径链接直接引用图片

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

  • 语法不区分大小写,但建议统一使用小写
  • 不使用内联的style属性定义样式
  • id和class使用有意义的单词,分隔符建议使用-
  • 有可能就是用缩写
  • 属性值是0的省略单位
  • 块内容缩进
  • 属性名冒号后面添加一个空格

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

Paste_Image.png

相关文章

  • w3cshcool CSS笔记 - 草稿

    目录 ### CSS简介 ### CSS语法 ### CSS创建 ### CSS简介 - 样式层叠次序 - 一...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • CSS基础笔记

    【CSS简介】 《css简介》 css指的是层叠样式表(cascading style sheets),作用是负责...

  • 一,CSS简介

    一,css简介: 简介: 什么是CSS?全称:Cascading Style Sheets 层叠样式表 CSS的作...

  • CSS 教程

    CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...

  • css大纲

    css 基础 CSS 简介 在 html 中使用 css link 和 @import CSS 选择器 CSS 优...

  • CSS: 简介

    CSS是什么 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器...

  • css简介

    CSS简介 层叠样式表 (Cascading Style Sheets,缩写为 CSS), 是一种 样式表 语言,...

  • CSS简介

    CSS(Cascading Style Sheets):层叠样式表,它用来控制HTML标签的样式,在美化网页中起到...

  • CSS简介

    1. 什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 H...

网友评论

      本文标题:CSS简介

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