入门任务6

  1. CSS的全称是cascading style sheets
  2. CSS有四种引入方式

  • 内联样式：


    image.png

  • 内部样式：


    image.png

  • 外部样式：分为link和@import两种


    image.png

    image.png

  • 浏览器默认样式


    image.png
  • link和@import的区别有link是html的一种标签，而@import是CSS的一个语法可以放在style标签里或者样式表中使用。@import比link延迟一些，它会等到页面下载完后才加载。@import 是 CSS 2 的标准，有些老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
  1. 以下几种文件路径分别用在什么地方，代表什么意思：
  • 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 ：绝对路径，显示a.css文件在本地的绝对路径
  • /static/css/a.css ：网站路径，在服务器上的static文件夹下的css文件内的a.css文件
  • http://cdn.jirengu.com/kejian1/8-1.png ：网站路径，8-1.png文件的线上地址
  1. 在js.jirengu.com上展示一个图片，需要怎么操作?
  • 将图片上传，生成一个地址，引用该地址链接
  • 上传到服务器中，然后引用其在服务器中的相对路径
  1. html和 css 的书写规范
  • HTML标签，属性和CSS语法全部使用小写
  • HTML标签要闭合，自闭和标签可以省略 /
  • 标题里不能有段落，段落里不能有标题
  • 缩进使用soft tab（4个空格）
  • 每个CSS属性声明末尾都要加分号。
  • 注释统一用'/* */'
  • 更多详细书写规范

  1. chrome 开发者工具的功能区


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

推荐阅读更多精彩内容