css 小基础

CSS的全称是什么?

Cascading Style Sheets 层叠样式表CSS是一种样式表语言,用于为HTML文档定义布局, 例如,CSS涉及字体、颜色、边距、高 度、宽 度、背景图像、高级定位等方面

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

内联式 外部式 内部式 @import

本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别

-1.link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。

- 2.加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时性能较差

- 3.兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题

- 4.使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

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

3.1.相对路径

css/a.css 当前目录下的css文件夹中的a.css

./css/a.css 当前目录中css文件夹中的a.css文件

b.css 当前目录下的b.css文件

../imgs/a.png 上级目录中的imgs 文件夹中的a图片

3.2.绝对路径(本地文件的绝对地址)

/User/hunger/project/css/a.css 本地绝对路径中的a.css文件

3.3.网站路径

/static/css/a.css 网站中也可以使用相对路径

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

通过本地服务器上传到网上思路:将本地图片上传,通过浏览器加载server中文件夹内的图片

上传完成后,当图片所在文件夹与html展示页面在同级目录中时,我们可以通过相对路径直接调用展示

比如:img src="url" alt="some_text" style="width:width;height:height;"

这里的url是对应的相对路径

比如/images/html5.gif

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

1.语法统一使用小写

2.不使用内联样式的style元素定义样式,建议采用外部css

3.id和class使用有区分度的单词

4.块内容缩进

5.属性名:后面加一个space

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

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,159评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,748评论 32 459
  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 4,560评论 0 1
  • 天气很奇怪。 白色,白色,全是白色,没有一丝瑕疵。没有太阳,却总是无法直视天空。它发出刺眼的白光,嚣张...
    霏泛孤舟阅读 1,796评论 0 2

友情链接更多精彩内容