我的第一个blog

My First Markdown Blog

这是我第一次使用 Markdown编辑器 所展示的欢迎页，请多指教！！！

CSS层叠样式表

CSS（Cascading Style Sheets），层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS书写顺序

1.位置属性(position, top, right, z-index,float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing等)
4.背景(background, border等)
5.其他(animation, transition等)

例：

CSS命名规则

1.常用的CSS命名

在写class或者id时尽量使用书面化语言，让大家一目了然可以看懂。

例如：

常用的命名：
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体佈局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main

2.书写规范

（1）缩写属性

CSS有些属性可以简写，比如padding、margin等
例如:
padding-top:1px；
padding-right:2px;
padding-bottom:3px;
padding-left:4px；
可以精简为
padding：1px 2px 3px 4px；

（2）16进制颜色

有些颜色属性可以进行缩写
例如：
color:#000000;
缩写为：
color:#000;或者color:black;

3.CSS 位置

css可以有两种方式使用：
1.直接写在页面里，在页面的head之间引用，加入style标签，直接写css。

2.可以单独写到一个.css文件，然后通过页面引用。
！！！注意
css的路径一定要写对

练习实例1：自制CSS 小动画
鼠标指向时出现动画，通过CSS可完成
简单小动画，可动手实践，代码已贴如下：

html内容：

CSS动画：




小结：CSS、CSS3是当前最基础的前端开发语言，能够灵活使用。对于大学生来说也是必须掌握的知识，无论是在课程设计还是毕业设计中，前端的界面是必不可少的。建议大家掌握，另外还有一些基础框架，像bootstrap、VUE等写好的框架，大家可以多多学习~
2020.04