css学习笔记————css学习方法
2019-08-27 本文已影响0人
郑馋师
今天通过饥人谷学习了css的相关知识。
基本语法
分为两个。
样式语法
选择器{属性名:属性值;
/注释/
}
eg:
.demo{
border: 1px black solid;
/*边界*/
}
Tips:
- 注释里面的符号都是英文
- 区分大小写
- 最后一个分号不要省略,养成好习惯
错误自查方式
- 使用chrome查找:
- 找到想要查找的标签
- 看他是否有选择器
-
样式是否被划掉/警告
被划掉了
at语法
-
@charset"UTF-8";
这个是为了申明字符编码的使用,一般现在都是是UTF-8作为字符编号,charset是字符集的意思,选用字符编码来声明字符集是因为历史遗留问题,原来都是统一的。 -
@import url("x.css");
插入一个名字是x的css入这个css中,注意!!!!要想让他也在html中有反应,一定要link进去才可。
常见错误
- 大小写
- 符号非全英
- 选择器拼写错误
- 属性名拼写错误
- 值拼写错误
6.忘记分号 - 单位
- 花括号
查资料
- +mdn
- +css tricks
- +张鑫旭博客
练习素材
PSD
- Freepik 搜PSD。web
- 365PSD搜UI套件
效果图
- dribbble.com
- 常去的商业网站
Tips: - PC网站
- 手机网站
- UI套件
(每个做个1,2个就好)