css第一天课程笔记
什么是css？
css，是这3个单词“Cascading  Style  Sheet”的首字母缩写，含义是“层叠样式表”。
它是html发展到一定程度，面临着一些需要解决或提升的问题而发展出来的一种技术。
为什么需要css？
它的目的和作用可以高度概括为两点：
1、通过css，可以让html网页的表现设定更加统一和便捷；
2、通过css，可以将html网页的内容代码，和需要表现的外观代码进行分离。
css基本语法
<style>选择器{属性名1：属性值1；属性名2：属性值2；}
css选择器
标签选择器
举例：p{...}、h1{...}
类选择器
举例：.style{...}、.content{...}
id选择器：
举例：#nav{...}、.menu{...}
css第二天课程笔记
伪元素选择器
css样式的特性
层叠性
所谓层叠性，是指对同一元素同一属性的设定，后设定的样式（属性）
继承性
所谓继承性，是指对某个元素设定的样式，不但影响该元素本身，还可能影响该元素的后代元素
优先性
所谓优先级，就是指一个标签的显示效果（样式表现）
盒子阴影box-shadow
属性：box-shaodw
作用：用于设定一个盒子的阴影效果
形式：box-shadow:水平偏移，垂直偏移，[模糊值]，[外延值]，[颜色]，[inset];
圆角边框
属性：border-radius
作用：用于设定一个盒子的圆角特性。
形式：border-radius:水平圆角半径/[垂直圆角半径]
光标形状设置
含设置鼠标在摸个盒子上的时候的光标形状。
形状：cursor:光标形状名；
常用的光标形状名：default（默认）,  pointer（手形）,  text（文本编辑形）,  help（帮助）,  wait（等待）。【手册上可查更多】
在实际网页中，我们常常并不用a标签，但也同样做出有a标签的效果（链接，手的形状）。
盒子缩放zoom
含义：用于设置某个盒子在其本来的大小基础上进行一定的大小缩放。
形式：zoom：缩放比例；//缩放比例可以是数字或百分比

css第一天课程笔记
什么是css？
css，是这3个单词“Cascading  Style  Sheet”的首字母缩写，含义是“层叠样式表”。
它是html发展到一定程度，面临着一些需要解决或提升的问题而发展出来的一种技术。
为什么需要css？
它的目的和作用可以高度概括为两点：
1、通过css，可以让html网页的表现设定更加统一和便捷；
2、通过css，可以将html网页的内容代码，和需要表现的外观代码进行分离。
css基本语法
<style>选择器{属性名1：属性值1；属性名2：属性值2；}
css选择器
标签选择器
举例：p{...}、h1{...}
类选择器
举例：.style{...}、.content{...}
id选择器：
举例：#nav{...}、.menu{...}
css第二天课程笔记
伪元素选择器
css样式的特性
层叠性
所谓层叠性，是指对同一元素同一属性的设定，后设定的样式（属性）
继承性
所谓继承性，是指对某个元素设定的样式，不但影响该元素本身，还可能影响该元素的后代元素
优先性
所谓优先级，就是指一个标签的显示效果（样式表现）
盒子阴影box-shadow
属性：box-shaodw
作用：用于设定一个盒子的阴影效果
形式：box-shadow:水平偏移，垂直偏移，[模糊值]，[外延值]，[颜色]，[inset];
圆角边框
属性：border-radius
作用：用于设定一个盒子的圆角特性。
形式：border-radius:水平圆角半径/[垂直圆角半径]
光标形状设置
含设置鼠标在摸个盒子上的时候的光标形状。
形状：cursor:光标形状名；
常用的光标形状名：default（默认）,  pointer（手形）,  text（文本编辑形）,  help（帮助）,  wait（等待）。【手册上可查更多】
在实际网页中，我们常常并不用a标签，但也同样做出有a标签的效果（链接，手的形状）。
盒子缩放zoom
含义：用于设置某个盒子在其本来的大小基础上进行一定的大小缩放。
形式：zoom：缩放比例；//缩放比例可以是数字或百分比