【CSS 走进web】Web基础 网页的血肉CSS

什么是CSS
层叠样式表:Cascading Style Sheets

这都不重要,重要的是:
CSS决定了如何显示HTML元素

基本结构

选择器 + 样式(key: value)
--------------------------------------------------------------------------------
p {
color: red;
font-size: 20px;
}
--------------------------------------------------------------------------------

使用CSS
1. 引入外部.css文件
2. 在html中定义css
3. 在元素中使用内联css

常用选择器
● 元素名
● id
● class
● 后代选择器
● 子元素选择器
● 相邻兄弟选择器、普通相邻兄弟选择器
● 伪类

常用样式
背景:background-color、background-image、background-repeat、background-size、background-attachment、background-position
大小:width、height
大小单位:px、%、em
文本:color、text-align、text-decoration、text-indent、line-height、font-size、font-family
留白:margin、padding
边框:border、border-radius、box-shadow
显示:display
定位:static、fixed、relative、absolute、float

CSS注释
/* 这是一个注释 */

CSS3
新属性:渐变、transform(translate、rotate、scale、skew、matrix)、transition、animation(keyframes)
新功能:加载想要的字体

实例
美化一个button、添加hover动画效果

CSS补充学习
http://www.runoob.com/css/css-intro.html

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页