其他选择器
选择器分组
选择器1,选择器2,选择器3{}
属性选择器
格式:标签名[属性]{}
[abc]选择abc属性值的所有元素
[abc][def]选择abc和def属性值的所有元素
[abc="def"]选择abc属性值等于def的所有元素
[abc^="def"]选择abc属性值以def开头的所有元素
[abc$="def"]选择abc属性值以def结尾的所有元素
[abc$="def"]选择abc属性值包含def字符串的所有元素
后代选择器(包含选择器)
选择器1 选择器2{}(找出所有的后代)
子元素选择器
选择器1>选择器2{}(找出选择器1的所有的儿子选择器2)
伪类选择器
a:link{color:#FF0000} (未访问的链接)
a:visited{color:#00FF00}(已访问的链接)
a:hover{color:#FF00FF} (鼠标移动到链接上)
a:active{color:#0000FF} (选定的链接)
盒子模型
margin外边距、border、padding内边距
padding:10px;上右下左都是10px
padding:10px 20px;上下是10px、左右是20px
padding:10px 20px 30px;上是10px、右是20px、下左是30px
padding:10px 20px 30px 40px;上右下左分别是10px、20px、30px、40px
绝对定位
position:absolute
HTML:决定页面的框架
CSS:美化页面
js:提供用户的交互
javascript(直译式脚本语言)
脚本语言:java源代码->编译成.class文件->java虚拟机中才能执行(源码->解释执行)
js由浏览器解释执行
js组成:
ECMAScript核心部分,定义js语法规范
DOM文档对象模型(管理页面)
BOM浏览器对象模型(前进后退、地址栏、历史记录、页面刷新、屏幕宽高)
js语法
变量弱类型 var定义
区分大小写
语句结束后的分号,可以有可以没有
写在script标签内
数据类型
基本数据类型 string、number、boolean、undefined、null
引用类型 对象、内置对象
js运算符和语句
“===”全等号,值和类型都相等
“==”值相等就可以
js输出
alert();//直接弹框
document.write();//向页面输出
console.log();//控制台输出
innerHTML//向页面输出,与innerText区别
获取页面元素:document.getElementById("d的名称");
js声明函数
var 函数的名称=function(){}
function 函数的名称(){}