css学习笔记————css学习方法

今天通过饥人谷学习了css的相关知识。

基本语法

分为两个。

样式语法

选择器{属性名：属性值；
/注释/
}
eg：

.demo{
  border: 1px black solid;
  /*边界*/
}

Tips:

• 注释里面的符号都是英文
• 区分大小写
• 最后一个分号不要省略，养成好习惯

错误自查方式

• 使用chrome查找：

1. 找到想要查找的标签
2. 看他是否有选择器

3. 样式是否被划掉/警告

   
   
   被划掉了

at语法

• @charset"UTF-8";
  这个是为了申明字符编码的使用，一般现在都是是UTF-8作为字符编号，charset是字符集的意思，选用字符编码来声明字符集是因为历史遗留问题，原来都是统一的。

• @import url("x.css");
  插入一个名字是x的css入这个css中,注意！！！！要想让他也在html中有反应，一定要link进去才可。

常见错误

1. 大小写
2. 符号非全英
3. 选择器拼写错误
4. 属性名拼写错误
5. 值拼写错误
   6.忘记分号
6. 单位
7. 花括号

查资料

1. +mdn
2. +css tricks
3. +张鑫旭博客

练习素材

PSD

1. Freepik 搜PSD。web
2. 365PSD搜UI套件

效果图

1. dribbble.com
2. 常去的商业网站
   Tips:
3. PC网站
4. 手机网站
5. UI套件
   （每个做个1，2个就好）