css基础

1.CSS的全称是什么?

  • 层叠样式表

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

  • CSS通常有行内式、内嵌式、导入式和链接式四种引入方式。

  • link是链接式,@import是导入式 。

  • 链接式和导入式,两者都是从外部引入CSS文件。导入式会在整个页面加载完成后再加载CSS文件,当网页内容较大时会产生不好的体验。而链接式会同时加载。

  • link是html的一个标签,@import是CSS的一个标签。两者效果相同。但是link不止可以调用CSS,还能调用其他类型的文件。而@import只能调用CSS文件。

  • @import不兼容过早版本的浏览器,而link没有这个问题.

3.文件路径

  • 相对路径:
    以文件(HTML页面)所在路径为基准来查找相关文件css/a.css:在当前路径(HTML文件所在路径)下存在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文件

  • 网路路径:例如当前页面的地址为http://localhost:8080/code/index.html, 在该HTML文件中存在以下路径:/static/css/a.css:以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件
    css/a.css:以相对路径的方式在服务器中寻找a.css文件,即在index.html文件所在路径(目录)中寻找css文件夹下的a.css文件
    http://cdn.jirengu.com/kejian1/8-1.png5: 通过该地址可以找到网络上的8-1.png文件

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

  • 将图片上传至图床,获取链接,放入img的src属性中。
  • 上传到服务器内部并用相对路径读取。

5.HTML、CSS书写规范

  • HTML
    为每个HTML页面的第一行添加标准模式(standard mode)的声明
    HTML属性应当按照一定的顺序依次排列,来确保代码的易读性
    标签、属性、属性命名由小写英文、数字和_组成,且所有标签必须闭合,属性值必须用双引号""
    避免使用中文拼音尽量简易并要求语义化
    多用无兼容性问题的HTML内置标签
  • CSS
    使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
    选择器 与 { 之间必须包
    属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
    列表型属性值 书写在单行时,, 后必须跟一个空格。font-family: Arial, sans-serif;
    每行不得超过 120 个字符,除非单行不可分割。

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

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

推荐阅读更多精彩内容

  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 894评论 0 1
  • CSS的全称 Cascading Style Sheets,层叠样式表。是一种样式表语言,用于为HTML文档定义布...
    饥人谷_哈噜噜阅读 380评论 0 1
  • 1.CSS的全称是什么? 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM...
    billa_8f6b阅读 464评论 0 1
  • CSS的全称 CSS的全称是Cascading Style Sheets,层叠样式表。是一种样式表语言,用于为HT...
    Joey的企鹅阅读 282评论 0 1
  • 再后来我们可能无话可说,但是我不会忘记你,记忆再混乱,我依然记得那时的感动,同时也很遗憾沉默背后的种种缘由,不...
    萝卜头lq阅读 237评论 0 1