官方文档:w3school.com.cn
字体大小font-size
标签<a href="…“target=”…"
href:指定资源访问的url1
target:指定在何处打开资源链接
_self:默认值,在当前页面打开
_blank:在空白页面打开
视频标签:
src:规定视频的url,controls:显示播放控件,width:播放器宽度,height:播放器高度
音频标签:
src:规定音频url,controls:显示播放控件
段落标签
,文本加粗标签:,
换行
text-indent:35px段落首行缩进
line-height:25px行高
text-align:right;文字对齐方式
表格标签
div的学习全称division划分区域
盒子模型
内容区域(content),内边框区域(padding),边框区域(border),外边框区域(margin)
span
font-size:20px:字体大小
background-image:url(图片);
background-repeat:no-repeat;
强国 广告斜体样式
元素的定位:position
.box1 i{
display:block;display:inline行内元素默认
width37
height24
background-color:
font-style:normal
文字居中text-align:center;
line-height:24px
position:absolute
透明设置:opacity:0.5?
背景色:background-color:rgb(255.0.0);
定位:初始值position:static
1.相对定位:position:relative; left:100px; top:100px相对于原来的位置
2.绝对定位:position:absolute;相对于已经定位的父元素进行定位就是父级别已经经过了position:relative;定位
3.固定定位:position:fixed;不随着屏幕的移动而移动
3.23
无序列表
.fix{
border-radius:5px;圆角边框
}
.fix ul al{
list-style:none;无序列表前面的点隐藏
}
.fix ul{
margin:0;
padding:0;无序列表的点占的空间清除
}
}
display:none;消失
鼠标放上去出现
.no1:hover.tan1{
display:block;
}
字体下滑线消失:text-decoration:none;
h5鼠标放上去,字体变红如何去写
可以使用CSS来实现:
a:hover {
color: red;
}
div重叠
div.bbox>.imgbox*10
.bbox,.imgbox{
width:1240
height:580
b
}
圆角边框:border-redius:20px;
CSS3高级应用
过渡
鼠标移动上方有变化
.box:hover
{
background-color:red;
过渡:transition
属性;transition-property:background-color
持续时间:transition-duration:4s;
推迟:transition-delay:2s;可选
transition-timing~function:ease-in-out:
简写:transition:all 4s ease-in-out;
}
-webkit-transform:scale(2)
谷歌私有 缩放 大小
-ms-IE浏览器
放缩中心点;-webik-transform-origin:left top;(0% 100%)
transition:all 2s;
overflow:hidden;超出部分隐藏;
.box:hover{
-webkit-transform:rotate(30deg);
}
js引入方式
内部脚本
外部脚本
alert(“hello Javascript”)
js基础语法
alert(“jsp”)提示框
输出语句
window.alert(“hellojava”);浏览器弹出警告框
document.write(“holleJava”);写入HTML,在浏览器展示
console.log(“hollejava”);写入浏览器控制台
变量:全局变量ver,局部变量let,常量const,不能改变。
var x=1;
x=“张三”
特点:作用域比较大,全局变量,可以重复定义
===不会进行类型转换
parseInt类型转换-其他类型为数字
js函数
js函数通过function关键字进行定义,语法为:
function functionName(参数1,参数2){
要执行的代码块
}
function add(a,b){
return a+b;
}
定义函数:var add=function(a,b){
a+b;
}
函数调用:var result=add(10,20,30,40);
alert(result);//30
js对象
Array,String,JSON,BOM,DOM
Array定义数值
var 变量名=new Array(元素列表);
var 变量名=[元素列表];
访问: