CSS基础

1.CSS的全称是什么

层叠样式表
英文为Cascading style sheet

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

  • 行内样式<div id="header" style="width:90px;"></div>
  • 内部样式写在<style># { width :90px;}</style>里
  • 外联样式<link rel="stylesheet" type="text/css" href="css/css1.css">
  • 内容样式的另一种<style>@import url("css/css1.css")</style>

2.link 和@import的区别

  • 语法结构的区别
    link是可以在html的任何地方的除了body它是一个标签,但是一般放在HEAD里,而@import是CSS语法需要放在style里
    另外link还可以链接别的东西并不只是CSS
  • 加载顺序的区别,link和页面本体会同事加载,而,@import需要等页面加载完成再加载,所以有时打开页面会闪屏(开始的时候没有样式)
    -兼容性的差别@import是CSS2的标准,所以老浏览器不支持,@import只有在IE5以上的才能识别,而link不用担心这个。
  • 使用DOM控制样式的差别,当使用JS控制DOM区改变样式的时候,智能使用LINK·@import不能被DOM控制。

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

css/a.css~~~当前目录下CSS文件里的adc.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~~~网络可访问的路径资源

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

1.把图片上传服务器,然后引用相对路径
2.第二种生成图片的链接,然后引用图片

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

  • 英文小写
  • 使用语义化标签
  • 不要写内联样式
  • id class 用有意义的单词分割用_
  • 有可能的话用缩写
  • 块内容缩进
  • 属性名:后加空格
    -单位是0的PX DEG等可以省略

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

图片.png
  • Elements:查找网页代码中的任一元素,手动修改任一元素的属性和样式可以在浏览器中的到反馈
  • console:记录开发者开发过程中的日志信息,可以作为JS进行交互的命令行shell
  • sources:断点调试JS
  • network:从发起网页页面请求request后分析HTTP请求后得到的各个请求信息,可以根据这个进行网络性能优化。
  • timeline:记录并分析在网站生命周期内发生的各类事件,以此可以提高网页的运行时间性能。
  • profiles:如果你需要timeline所能提供的更多信息时,可以尝试下Profiles,比如记录JS CPU执行时间细节,显示JS对象和相关的DOM节点的内存消耗,记录内存的分配细节。
  • application:记录网站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)缓存数据,字体,图片,脚本,样式表等。
  • security :判断当前网页是否安全
    = aduidts :对当前网页进行网络利用情况、网页性能方面的诊断,并给出一些优化建议。比如列出所有没有用到的CSS文件等。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 4,560评论 0 1
  • CSS的全称是什么? CSS全程是Cascading Style Sheets层叠样式表 CSS有几种引入方式? ...
    Taaaaaaaurus阅读 2,948评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • 1.CSS的全称是什么? 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM...
    billa_8f6b阅读 3,258评论 0 1
  • 四年前 我答应过你 在毕业之前 我会去见你 所以 四年后 我来了 “你不用给我买,你不知道我喜欢什么。” 对啊,分...
    浊流阅读 4,330评论 5 5

友情链接更多精彩内容