前端HTML
强仔fight
使我有洛阳二顷田,焉能配六国相印
展开
-
HTML基础1列表表格
1.无序列表<ul type="square"> <li> 1 </li&am原创 2019-01-10 17:29:38 · 290 阅读 · 0 评论 -
H5C3-1h5c3新标签&表单&选择器
1.HTML5新标签结构性标签:<artical> <aside> <footer> <header> <nav> &原创 2019-03-01 14:04:20 · 276 阅读 · 0 评论 -
JavaScript基础8事件函数&事件流
1.添加事件的方式①获取节点后添加onclick属性var i = document.getElementById("box")i.onclick = function(){ alert("hello word1")}i.onclick = func原创 2019-02-16 18:22:24 · 142 阅读 · 0 评论 -
HTML基础9浮动&定位
浮动流:元素从正常的排列顺序被抽离1.浮动可以使文档向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。2.由于浮动框不在正常文档流中,标准文档流中的块框表现得像浮动框不存在一样。...原创 2019-01-23 15:51:18 · 178 阅读 · 0 评论 -
HTML基础8表单
1.表单域<form [属性名称=“值”]> </form>常用属性值1.name=" " :规定表单的名称2.action=“值” :提交表单url3. method"get/post&quo原创 2019-01-22 18:24:48 · 249 阅读 · 1 评论 -
JavaScript基础4BOM简介&界面跳转
1.BOM简介BOM,浏览器对象模型,用于访问浏览器和计算机屏幕的对象集合。window.document //当前所载入的文档window.frames //当前页面中所有框架的集合window.navigator //反映浏览器及其功能信息的对象window.screen //提供浏览器以外的环境信息window.locationwindow.history 2.跳...原创 2019-01-27 16:58:05 · 371 阅读 · 0 评论 -
HTML基础6折叠菜单&手风琴菜单
例:<head></head><body> <ul id="menu"&am原创 2019-01-15 23:44:24 · 8860 阅读 · 25 评论 -
HTML基础7盒子模型
盒子模型属性:content:width宽,height高padding:内边距margin:外边距border:边框overflow:指定内容如果溢出一个元素的框会发生什么text-overflow:指定当文本溢出包含它的元素会发生什么例:<head> <style type="text原创 2019-01-21 15:03:22 · 283 阅读 · 0 评论 -
HTML基础5列表,背景css说明
1.列表css说明list-stylelist-style-type 设置列表项标志的类型list-style-image 将图像设置为列表项表值list-style-position 设置列表项标志的位置例:li{list-style:none url( ) inside}2.背景css说明backgroundbackground-attach...原创 2019-01-14 23:05:03 · 307 阅读 · 0 评论 -
HTML基础4页面布局
<head> <style type="text/css"> #id{ width:900px; height:100px; background-color:red; } </style>&am原创 2019-01-14 17:38:12 · 667 阅读 · 0 评论 -
HTML基础3导航栏
导航栏实例<html><head> <title>导航栏</title> <style> li{ display:inline-bl原创 2019-01-14 17:10:01 · 286 阅读 · 0 评论 -
HTML基础2css样式表
1.内部样式<style type=":text/css"></style>2.外部样式<link rel=&am原创 2019-01-12 21:49:55 · 186 阅读 · 0 评论 -
H5C3-2拖放API
拖放事件:dragstart:网页元素开始拖动时触发dragover:被拖动元素停留在目标元素持续触发drop:被拖动元素,落下时触发拖放的步骤:1.将想要拖放的元素设置为true2.拖动什么 ondragstart和setData()3.放到何处 ondragover4.进行放置 ondrop和getData()<div id="div1" style="border:1...原创 2019-03-01 18:09:16 · 143 阅读 · 0 评论