入门6

CSS的全称是什么?

  • 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

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

  • 引入方式
    • <head> 里面使用 <link rel="stylesheet" href="xxx.css"> 引用外部文件
    • <head> 中的 <style> 标签里面写样式
    • 在要使用样式的元素中写 <p style="xxx:xxx;">
    • <style> 里面写上 @import url(http://xxx.css);
  • 区别
    • link 是 HTML 标签除了 CSS 还能定义别的东西,而 @import 是纯 CSS
    • link 和页面本体是会同时加载的,而 @import 得等到页面加载完成再加载
    • @import 是 CSS 2 标准,在多年前可能会有兼容性问题
    • 当使用 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  // 一般是指在相对本地路径找到User文件夹下 hunger 文件夹下 project 文件夹下 css 文件夹下 a.css 文件

// 网站路径
// 假设将个人电脑作为站点,localhost:8080
/static/css/a.css  // 一般情况下在当前项目的 根目录下的 static 文件下的文件下的a.css 文件
static/css/a.css   // 相对路径:当前项目对应的目录下的 static 文件下的文件下的a.css 文件
http://cdn.jirengu.com/kejian1/8-1.png  // 一般情况下是引用http://cdn.jirengu.com这个CDN服务下的kejian1文件下的8-1.png

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

  • 第一种是将图片上传到该网站的服务
  • 第二种是生成图片的链接,然后引用图片。

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

  • Code Guide by @AlloyTeam

  • HTML编码规范

    • class 必须单词全字母小写,单词间以 - 分隔
    • class 必须代表相应模块或部件的内容或功能,不得以样式信息进行命名
    • 标签名必须使用小写字母
    • 标签使用必须符合标签嵌套规则
    • HTML 标签的使用应该遵循标签的语义
    • 属性名必须使用小写字母,属性值必须用双引号包围
    • 自定义属性建议以 xxx- 为前缀,推荐使用 data-
    • ...
  • CSS 编码规范

    • 语法不区分大小写,但建议统一使用小写
    • 不使用内联的 style 属性定义样式
    • id 和 class 使用有意义的单词,分隔符建议使用 -
    • 有可能就是用缩写
    • 属性值是 0 的省略单位
    • 块内容缩进
    • 属性名冒号后面添加一个空格
    • ...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容