CSS(Cascade Style Sheets)层叠样式表, 是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
基础选择器:
A.元素选择器:
- 行内样式表:这作用于当前的元素
- 内部样式表:在head中定义style
- 外部样式表(推荐):在外部单独定义一个css文件,用link引用
B.id选择器:页面中id属性的值不可重复,定义唯一的一个
C.*通配符:选中页面中所有的袁绍
D.类选择器:根据元素的class属性的值:一个html中class属性的值可重复
E.后代选择器:父子集
F.群组选择器:通过“,”选中多个选择器
基本选择器优先级:id>class>元素选择器>通配符
常用的样式:
背景:background—color,image,repeat,size,position
尺寸:width,height
颜色:背景,字体:rgb rgba设置透明度 去除下划线:text-decoration null;
盒子模型:
组成部分:内容+内边距+边框+外边框
设置值顺序:上 右 下 左
定位 position:
未脱离文档流:relative 相对定位
脱离文档流:absolute 绝对定位 fixed 固定定位
浮动:
让元素往一定方向移动
清除浮动:1.clear 2.给父级高度 3.再父级中定义 overflow:hidden
javascript *** 是一个动态语言
作用: 验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
js的组成:
1.ECMAScript js的核心语法
2.BOM 浏览器对象模型
3.DOM 文档对象模型
BOM>DOM
使用方式:
- 行内: 元素上使用js代码
- 内部: html内部定义script标签对,标签对中定义js代码
- 外部: 外部定义js文件,文件中定义js代码,在使用的html中使用script标签对用来引入
- 注意:一个script标签不能及用来引入外部js文件,又用来定义js代码
js代码在html月面中的位置: 可以在html中的任意位置定位
推荐:
head中,便于后期维护
body结束之前:保证在执行js代码的时候,页面所有的内容都加载完成之后执行,如果要在head中配合window.onload一起使用