CSS编程
一、css简介和作用
CSS，Cacasding Style Sheet 层叠样式表
作用：
html：负责网页的结构（框架）
css：负责网页美化
二、使用css的方式（三种方式）
方式一：行内样式
特点：
1）在标签内部使用style属性编写css内容（不利于维护）
2）作用范围：针对某个标签（比较局限）
方式二：内部样式
特点：
1）在html文件的<head>标签内使用<style>标签编写css内容（不利于维护）
2）作用范围：针对多个标签（广泛）
方式三：外部样式（和html文件分离，好维护）
特点：
1）独立建立一个css文件，编写css内容，需要在html文件中导入css文件
注意问题：
优先级： 行内样式 > 内部样式 > 外部样式
三、CSS选择器（重点）
1）标签选择器
特点：
1）使用标签名选择标签
2）作用范围：当前html页面的所有同名标签
2）类选择器
特点：
1）在标签中使用class给标签归类，然后使用类选择器( .class名称)选择同类标签
2）作用范围： 当前html页面的同类标签
3) 当存在标签选择器和类选择器的时候，类选择器优先于标签选择器
3）ID选择器
特点：
1）在指定的标签中使用id属性，然后使用ID选择器（#id名称）选择特定id的一个标签
2) 作用范围： 在当前html页面的特定id的某个标签
3）注意：在同一个html页面中，不要出现多个同id值的标签！！！！
4) 优先级排序： ID选择器 > 类选择器 > 标签选择器
4）并集选择器
特点：
1）当多个选择器的css内容相同时，可以使用并集选择器减少css的代码
2）语法：选择器1，选择器2 ....{ ..}
5）交集选择器
特点：
1）当选择器选择的内容是某个标签里面嵌套的标签，使用则方便校准数据
2）语法： 选择器1 选择器2 .. { .. }
6）通用选择器
特点：
1）作用范围：当前页面的所有标签
2）语法： *{..}
7）伪类选择器
作用：控制标签的不同状态下的样式
标签存在以下的四种状态：
：link 初始化状态（没有鼠标经过，也没有点击）
：hover 鼠标经过的状态
：active 鼠标按下的状态（点住没有松开）
：visited 鼠标按完松开的状态（访问过后的状态）
四、css常用的属性
w3c组织，制定了网页制作技术的规范。包括html、css、JavaScript、xml...
1）CSS背景
背景色，背景图片，背景图片起始位置，背景图片是否重复
2）CSS文本
颜色，修饰，字符间距，单词间距，对齐方式
3）CSS字体
大小，类型，样式，粗细
5）CSS列表
类型(list-style-type)，类型图标设置(list-style-image)
6)CSS表格
合并边框（border-collapse）
五、盒子模型
把html页面上的一个标签看做是一个盒子。是网页布局的基础理论
盒子的属性：
宽和高： width hegiht
边框: border
内边距: padding
外边距: margin
案例演示
六、CSS定位
position属性：
relative：相对定位。 相对于其正常位置（原来的位置）进行定位。
absolute：绝对定位。相对于其第一个父元素进行定位。
fixed： 固定定位。相对于浏览器窗口进行定位。
------------------------------------------------------------------------------------------
JavaScript编程
一、JavaScript的简介和作用
作用：为了在浏览器端进行数据处理
html：负责网页的结构
css：负责网页的美化
js：负责网页的交互（数据的验证，网页的特效..）
二、js常用的函数
alert（“ss”） //网页的提示框
document.write("输出内容") //在网页上输出内容，类似于System.out.println()
三、js的使用方式
1）内部js
特点：
1）使用<script>标签编写js的内容
2）作用范围：当前html页面
2）外部js
特点：
1）独立一个js文件，编写js内容，在html导入js文件
2）好处：和html文件进行分离，利于维护
四、变量和数据类型
定义变量： var 变量名
js的数据类型：
number ：不管是整数还是小数
String ：不管是字符串还是字符
boolean ： 布尔值
object ： 对象类型。
js是弱类型语言，对类型的检查比较宽松。
java是强类型语言，对类型比较严格，能够区别出类型，int、String、char、boolean ..
undefined ：变量没有赋值的时候，该变量不能使用！类型就是undefined
一、css简介和作用
CSS，Cacasding Style Sheet 层叠样式表
作用：
html：负责网页的结构（框架）
css：负责网页美化
二、使用css的方式（三种方式）
方式一：行内样式
特点：
1）在标签内部使用style属性编写css内容（不利于维护）
2）作用范围：针对某个标签（比较局限）
方式二：内部样式
特点：
1）在html文件的<head>标签内使用<style>标签编写css内容（不利于维护）
2）作用范围：针对多个标签（广泛）
方式三：外部样式（和html文件分离，好维护）
特点：
1）独立建立一个css文件，编写css内容，需要在html文件中导入css文件
注意问题：
优先级： 行内样式 > 内部样式 > 外部样式
三、CSS选择器（重点）
1）标签选择器
特点：
1）使用标签名选择标签
2）作用范围：当前html页面的所有同名标签
2）类选择器
特点：
1）在标签中使用class给标签归类，然后使用类选择器( .class名称)选择同类标签
2）作用范围： 当前html页面的同类标签
3) 当存在标签选择器和类选择器的时候，类选择器优先于标签选择器
3）ID选择器
特点：
1）在指定的标签中使用id属性，然后使用ID选择器（#id名称）选择特定id的一个标签
2) 作用范围： 在当前html页面的特定id的某个标签
3）注意：在同一个html页面中，不要出现多个同id值的标签！！！！
4) 优先级排序： ID选择器 > 类选择器 > 标签选择器
4）并集选择器
特点：
1）当多个选择器的css内容相同时，可以使用并集选择器减少css的代码
2）语法：选择器1，选择器2 ....{ ..}
5）交集选择器
特点：
1）当选择器选择的内容是某个标签里面嵌套的标签，使用则方便校准数据
2）语法： 选择器1 选择器2 .. { .. }
6）通用选择器
特点：
1）作用范围：当前页面的所有标签
2）语法： *{..}
7）伪类选择器
作用：控制标签的不同状态下的样式
标签存在以下的四种状态：
：link 初始化状态（没有鼠标经过，也没有点击）
：hover 鼠标经过的状态
：active 鼠标按下的状态（点住没有松开）
：visited 鼠标按完松开的状态（访问过后的状态）
四、css常用的属性
w3c组织，制定了网页制作技术的规范。包括html、css、JavaScript、xml...
1）CSS背景
背景色，背景图片，背景图片起始位置，背景图片是否重复
2）CSS文本
颜色，修饰，字符间距，单词间距，对齐方式
3）CSS字体
大小，类型，样式，粗细
5）CSS列表
类型(list-style-type)，类型图标设置(list-style-image)
6)CSS表格
合并边框（border-collapse）
五、盒子模型
把html页面上的一个标签看做是一个盒子。是网页布局的基础理论
盒子的属性：
宽和高： width hegiht
边框: border
内边距: padding
外边距: margin
案例演示
六、CSS定位
position属性：
relative：相对定位。 相对于其正常位置（原来的位置）进行定位。
absolute：绝对定位。相对于其第一个父元素进行定位。
fixed： 固定定位。相对于浏览器窗口进行定位。
------------------------------------------------------------------------------------------
JavaScript编程
一、JavaScript的简介和作用
作用：为了在浏览器端进行数据处理
html：负责网页的结构
css：负责网页的美化
js：负责网页的交互（数据的验证，网页的特效..）
二、js常用的函数
alert（“ss”） //网页的提示框
document.write("输出内容") //在网页上输出内容，类似于System.out.println()
三、js的使用方式
1）内部js
特点：
1）使用<script>标签编写js的内容
2）作用范围：当前html页面
2）外部js
特点：
1）独立一个js文件，编写js内容，在html导入js文件
2）好处：和html文件进行分离，利于维护
四、变量和数据类型
定义变量： var 变量名
js的数据类型：
number ：不管是整数还是小数
String ：不管是字符串还是字符
boolean ： 布尔值
object ： 对象类型。
js是弱类型语言，对类型的检查比较宽松。
java是强类型语言，对类型比较严格，能够区别出类型，int、String、char、boolean ..
undefined ：变量没有赋值的时候，该变量不能使用！类型就是undefined
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
