作者:花森
时间:2020年8月11日
认识
如果把web网页当做一个在台上跳着舞蹈的老师,那么html定义的是这个人的鼻子、眼睛、手之类的器官,Css即着装的漂亮服饰,Js则是实现如何让他做出优美的舞姿,至于台上是指浏览器内核平台。
样式声明
1)外部样式引入
2)内部样式表
3)内联样式
4)导入样式
外部样式
link标签引入外部样式表
- head标签内部完成引入
- 样式文件要以.css为后缀名
- 引入多个样式可能会发生重叠覆盖(顺序很重要)
link常见属性 | 说明补充 |
---|---|
rel | 定义当前文档与被链接文档之间的关系 |
href | 外部样式文件 |
type | 文档类型 |
内部样式表
使用 style
标签可以在文档内部定义样式规则
<style>
body {
background: red;
}
</style>
内联样式
标签中设置样式的方式
<h1 style="color:green;">huasenjio</h1>
导入样式
使用@import可以在原有的style标签中引入,注意要放置在前面。
<style>
@import url("base.css");
body {
background: red;
}
</style>
其他
空白
一行样式设定后需要添加 ”;“ 且可以存在空格,可以结合webpack中的丑化代码插件将Css压缩。
注释
body {
/* 注释的使用 */
background: red;
}
错误
如果样式设定存在语法错误,解析器会选择忽略,并不会影响其他的样式规则,例如:width: 100,缺少px字样,那么改行会被忽略。
网站推荐
花森酱导航:huasenjio.top/nav
有一点自卖自夸了,但是真的很不错,十分合适学习办公,简洁无广告,可以自定义收录的网站。很多不常用的软件可以直接使用网页版,现在网页技术也很发达了,你根本体会不到区别,推荐自己的网站,收录成为浏览器主页的教程网站里面也有,也希望大家支持!特别感谢小呆哥的支持!
花森导航
桌面美化
使用了几个占用内存很小的软件,就能让桌面变得好看整洁(小黑框可以存放应用快捷打开),这个篇幅太大了,不好再码字了,我另写一篇关于美化的吧,同样也是在我的这个博客,喜欢的可以直接私聊也行!
桌面美化
声明
所有资料均来源于网络,请勿进行不正当操作,仅供学习实用,请遵守规则,下载后删除!一切与本人无关!
寄语
不是什么大神,自己喜欢捣鼓、记录分享,自己的个人博客,点点滴滴,过目不忘,必有回响声!
联系
🐧企鹅:184820911
📕邮箱:184820911@qq.com