CSS基础

1.CSS的全称是什么?

css的全称是:Cascading Style Sheets层叠样式表。

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

内联样式:如<p style="color:red">
内部样式:<style type="text/css">p{color:red;}</style>
外部样式:<head><link rel="stylesheet" type="text/css"href="first.css">"</head>
或者<style>@import url("first.css")@import "world.css"</style>
link和@import的区别:
1.link属于HTML标签,可以放在html中的任何位置
而@import是css语法,link可以声明type和rel属性。而@import只能加载css。
2link链接的css在HTML加载的时候同时加载,@import会在HTML文件执行完成才加载,会造成FOUC现象
3兼容性方面,link是XHTML标签,没有任何兼容性问题
@import只兼容IE5以上的浏览器。
4.link的权重高于@import

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

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绝对路径
/static/css/a.css主机域名下static文件中的css的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png网站路径

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

可以将图片长传到sm.ms这个图床上,然后在js.jirengu.com上引用标签img,然后在src属性中输入sm.ms的地址

33.png

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

参照https://alloyteam.github.io/CodeGuide/
html:
1.不使用内联样式
2.meta元素使用过程中要特别注意的一些点
3.label与文本等控件的关联
4.DOCTYPE标签必须使用大写。
css
1.id和class的命名使用有意义的单词,id的值只能在html文档中出现一次,而class可以重复使用。可以使用分隔符加以区分
2.命名时使用缩写
3.属性值为0的省略单位,如margin:0;
4.属性名称后面加一个空格

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

TIM图片20170903112430.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 4,527评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • CSS的全称是什么? CSS全程是Cascading Style Sheets层叠样式表 CSS有几种引入方式? ...
    Taaaaaaaurus阅读 2,920评论 0 1
  • 滂沱恣肆又酣畅淋漓, 浇灌一个对暴雨充满恐惧的城市, 当傲娇城市男女满脸黑线时, 空旷的田畴打着满足的饱嗝, 滋润...
    光影剪刀手阅读 1,742评论 1 4
  • 环境pod 版本为: 1.2.0.beta.1git托管用的:https://coding.net/ 要搭建自己...
    XPorter阅读 1,504评论 0 0

友情链接更多精彩内容