前端学习
渴望成为大佬
这个作者很懒,什么都没留下…
展开
-
前端学习01
前端有哪些内容:HTML VSS JAVAScriptweb开发本质是什么?服务端浏览器HTMl文件<head> <title>网页的标题</title> <style> a{ color: darkkhaki;原创 2018-10-27 19:26:12 · 106 阅读 · 0 评论 -
jquery内容回顾
jQuery 1.查找标签 1.选择器 1.基本 ** 2.层级**** 3.组合 4.基本的筛选 5.属性 6.表单 7.上一个 8.下一个 9.父标签 10子标签 11.兄弟标签 2.操作 1.创建标签 2.修改标签(文本,属性,值) 3.删除标签 4.修改样式 1.修改class类 ...原创 2018-11-10 15:17:20 · 122 阅读 · 0 评论 -
jquery内容回顾2
1.样式操作补充 1.操作css 2.操作css属性 .css('color') .css('color','green') .css({'color':'green','border':'1px solid green'})2.位置 1.offset() 2.position()相对于定位的父标签的偏移 3.scrollTop() 返回顶部 $(window).cro...原创 2018-11-06 14:49:20 · 137 阅读 · 0 评论 -
伪元素选择器
<head> <meta charset="UTF-8"> <title>伪元素选择器示例</title> <style> /*段落开头第一个字母*/ p:first-letter{ font-size: 50px; color: re...原创 2018-10-27 19:58:11 · 160 阅读 · 0 评论 -
伪类选择器示例
<head> <meta charset="UTF-8"> <title>伪类选择器示例</title> <style> /*链接未被点击,呈现的颜色*/ a:link{ color: red; } /*链接被点击过,呈现的颜色...原创 2018-10-27 19:44:04 · 171 阅读 · 0 评论 -
HTML内容回顾
1.内容回顾 1.HTML 1. 标签 1. 标签分类 1.块级标签 2.内联标签 2.常用标签 1.a table p div h1~h6 span ol ul dl 2. 表单系列 form 1.input 1. text 2. password 3. date datetime ...原创 2018-10-29 20:22:28 · 160 阅读 · 0 评论 -
css内容回顾
1.伪类和微元素1.伪类1.:link 链接未被点击时,可以设置颜色2.:visited 链接被点击过后,显示的颜色3.:hover 鼠标放上去时的颜色4.:active 鼠标点击时的颜色5.:focus(input标签获取光标焦点)2.伪元素1.:first-letter 第一个字2.:before(重要,在内部前面添加) 在一个步骤的前面3. :after在一个步骤的后面...原创 2018-10-29 15:09:25 · 152 阅读 · 0 评论 -
页面定位
<head> <meta charset="UTF-8"> <title>定位示例</title> <style> *{ margin: 0; padding: 0; } .c1, .c2, ...原创 2018-10-28 11:03:34 · 126 阅读 · 0 评论 -
overfloat溢出
<head> <meta charset="UTF-8"> <title> oveflow</title> <style> .c1{ width: 100px; height: 100px; border: 1px solid ...原创 2018-10-28 11:01:31 · 654 阅读 · 0 评论 -
float页面布局
<head> <meta charset="UTF-8"> <title>float页面布局</title> <style> *{ margin: 0; height: 0; } .c1{ hei...原创 2018-10-28 10:57:18 · 204 阅读 · 0 评论 -
盒子模型
<head> <meta charset="UTF-8"> <title>盒子模型</title> <style> /*改变默认边框*/ *{ margin: 0; padding: 0; } .c1{...原创 2018-10-28 10:53:34 · 123 阅读 · 0 评论 -
display属性
<head> <meta charset="UTF-8"> <title>display属性</title> <style> .c1{ background-color:red ; /*隐藏页面显示*/ /*在这里插入代码片 ...原创 2018-10-28 10:46:21 · 490 阅读 · 0 评论 -
黑科技:背景图片不动
<head> <meta charset="UTF-8"> <title>背景示例不动</title> <style> .c1{ height: 500px ; background-color: red; } .c2...原创 2018-10-28 10:40:42 · 356 阅读 · 0 评论 -
背景属性
<head> <meta charset="UTF-8"> <title>背景相关属性</title> <style> div.c0{ background-color:red ; } div.c1{ width: 60...原创 2018-10-28 10:33:04 · 124 阅读 · 0 评论 -
字体属性测试
<head> <meta charset="UTF-8"> <title>字体属性测试</title> <link rel="stylesheet" href="test.css"></head><body> <原创 2018-10-28 10:23:37 · 834 阅读 · 0 评论 -
jquery第一次内容回顾
1.选择器 1.基本选择器 1.ID $('#d1') 2.标签名 $('p') 3.class名 $('.c1') 4.通用的 $('*') 5.组合 $(''.c1,#d1'') 逗号分隔开,可以同时查找所有的满足条件 2.层级选择器 1.子子孙孙 $('x y')空格 2.儿子 $('x>...原创 2018-11-05 16:30:52 · 168 阅读 · 0 评论