Web前端基础(16)
5.响应式布局<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Bootstrap Template</title> <meta name="viewport" content="width=device-width,initial-scale=1,....

Web前端基础(15)
###事件模拟模拟触发某个元素的某个事件格式: 元素对象.trigger(“事件名称”);$(“input”).trigger(“click”);###鼠标移入移出事件合并 hover将鼠标移入和移出两个事件合并到一起//给元素添加鼠标移入移出合并事件$(“div”).hover(function(){//鼠标移入时执行$(this).css(“color”,“red”);},function(....

Web前端基础(14)
3.方法声明<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> ...

Web前端基础(13)
####溢出设置overflowvisible(默认) 超出范围显示hidden 超出范围不显示scroll 超出范围滚动显示###JavaScript作用:给页面添加动态效果和Java没有任何关系,只是为了蹭热度语言特点:属于脚本语言,不需要编译直接解析执行基于面向对象属于弱类型语言 int x = 10; String s = “abc”; 弱类型 var x = 10; var s = “....

Web前端基础(12)
8.行内对齐方式<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 50px; /*...

Web前端基础(11)
4.定位练习<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ background-color: rgba(0,...

Web前端基础(10)
###定位方式4+1###position定位静态定位(文档流定位):是元素的默认定位方式格式:position:static元素显示特点: 块级元素从上到下排列,行内或行内块元素从左向右排列,元素不易实现层叠效果如何控制元素的位置: 通过外边距.相对定位格式:position:relative元素显示特点: 元素不脱离文档流(元素不管显示到什么位置 仍然占着原来的位置)如何控制元素的位置: 通....

Web前端基础(09)
4.内边距<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1 { width: 100px; hei...

Web前端基础(08)
练习:1.外边距<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ margin: 0;/*去掉body自带的8...

Web前端基础(07)
课程回顾表单:下拉选<select name><option value selected> <textarea name rows表示行 cols表示列 placeholder占位文本> 按钮: <input type="submit/reset/button" value="显示文本"> <button>按钮</...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
产品推荐
阿里UC研发效能
分享研发效能领域相关优秀实践,技术分享,产品信息
+关注