html +css +javascript
关注
分享
扫一扫
小哦--
努力努力再努力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端开发--css--屏幕适配--流体布局、响应式布局
屏幕缩小 文字不能缩小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...原创 2019-07-17 09:30:26 · 325 阅读 · 0 评论 -
前端开发--css--屏幕适配--视口、背景图大小
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1....原创 2019-07-17 09:03:19 · 741 阅读 · 0 评论 -
前端开发--css--权重
原创 2019-07-16 17:53:58 · 152 阅读 · 0 评论 -
前端开发--css3--animation动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> /* 定义动画 */ @keyframes moving{ from{...原创 2019-07-16 16:46:49 · 170 阅读 · 0 评论 -
前端开发--css3--transform变换
基本应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transform</title> <style type="text/css"> .box{ width: 200px; height: 2...原创 2019-07-16 16:46:24 · 390 阅读 · 0 评论 -
sublime快速编写html代码
添加链接描述看到了别人整理的一篇 ，做个标记。原创 2019-07-18 09:34:23 · 411 阅读 · 0 评论 -
前端开发--JavaScript--获取元素方法一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 第三种嵌入js的方式：外链js --> <<script type="text/javascript" ...原创 2019-07-18 08:52:06 · 172 阅读 · 0 评论 -
前端开发--Photoshop--基本操作
原创 2019-07-11 15:10:50 · 119 阅读 · 0 评论 -
前端开发--css3--圆角、透明度、transition动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> .box{ width: 100px; height: 100px; ba...原创 2019-07-15 17:50:48 · 247 阅读 · 0 评论 -
前端开发--css--屏幕适配--rem布局
em 是参照自身文字大小来设置尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,...原创 2019-07-17 11:12:19 · 432 阅读 · 0 评论 -
前端开发--css3浏览器前缀、html5新增标签、新增表单控件
原创 2019-07-17 15:55:59 · 156 阅读 · 0 评论 -
js基础复习
1原创 2019-08-30 12:42:55 · 129 阅读 · 0 评论 -
前端开发--JavaScript--变量、封闭函数、内置对象、调试程序的方法
1原创 2019-08-28 15:21:12 · 118 阅读 · 0 评论 -
前端开发--JavaScript--组成、获取元素方法二以及字符串处理
1原创 2019-07-26 17:01:09 · 114 阅读 · 0 评论 -
前端开发--JavaScript--条件语句--if-else/switch
== 类型不比较，只比较数值是否相等=== 比较类型。例如，一个数字2，一个字符串2，用===判断结果是假，用==判断结果是真。原创 2019-07-22 15:40:34 · 213 阅读 · 0 评论 -
前端开发--JavaScript--循环
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function(){ va...原创 2019-07-26 11:09:23 · 128 阅读 · 0 评论 -
前端开发--JavaScript--函数传参
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function(){ ...原创 2019-07-22 14:51:57 · 436 阅读 · 0 评论 -
前端开发--JavaScript--函数定义与执行、提取行间事件、匿名函数、练习（网页换肤）
意思是 可以在后面定义，在前面调用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function f...原创 2019-07-22 14:06:57 · 223 阅读 · 0 评论 -
前端开发--JavaScript--操作元素属性、改变元素内容
1原创 2019-07-22 13:16:53 · 366 阅读 · 0 评论 -
前端开发--JavaScript--数组
1原创 2019-07-26 09:15:25 · 132 阅读 · 0 评论 -
前端开发--图片类型介绍
原创 2019-07-11 10:26:03 · 163 阅读 · 0 评论 -
前端开发--css--盒子类型：块元素 行内元素 行内块元素
块元素：<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>块元素</title> <style type="text/css"> .box1{ background-color: gold; } ...原创 2019-07-05 17:24:41 · 710 阅读 · 0 评论 -
前端开发--HTML--表单
一般用户注册会用到表单。下面是一个用户注册界面。<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>表单</title></head><body> <h2>用户注册</h2>...原创 2019-07-03 16:21:00 · 178 阅读 · 0 评论 -
前端开发--HTML--table布局
做一个上图的简历，先分析，四列，分别是260 30 480 30 ，总共是800.<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>布局</title></head><body topmargin='0'...原创 2019-07-03 15:21:18 · 563 阅读 · 0 评论 -
前端开发--HTML--表格
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>表格</title></head><body> <h1>表格</h1><!-- table属性: border ...原创 2019-07-03 10:31:24 · 165 阅读 · 0 评论 -
前端开发--HTML--列表
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>链接</title></head><body> <h1>有序列表</h1> <ol> <li>...原创 2019-07-03 09:22:44 · 321 阅读 · 0 评论 -
前端开发--HTML--图片、链接
<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>个人主页</title></head><body> [外链图片转存失败(img-rzD5xiE1-1562051862123)(https://mp.youkuaiyun.com/md...原创 2019-07-03 08:55:30 · 902 阅读 · 0 评论 -
前端开发--css--清除浮动
下面介绍浮动的缺点：<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>块元素</title> <style type="text/css"> .list{ width: 210px; /* heig...原创 2019-07-08 15:39:18 · 115 阅读 · 0 评论 -
前端开发--css--浮动
1原创 2019-07-08 11:36:52 · 183 阅读 · 0 评论 -
前端开发--HTML--<div><span><em><b><i><strong>标签大全链接
下面我们看一下div和p标签的区别<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>个人主页</title></head><body> <h1>html简介</h1> <p>&...原创 2019-07-02 15:04:08 · 377 阅读 · 0 评论 -
前端开发--HTML--框架、注释、标题标签、段落标签<p>、空格；回车；换行标签、字符实体
1原创 2019-07-02 11:18:01 · 1646 阅读 · 0 评论 -
前端开发--css--插入样式的三种方法
第一种插入样式的方式----外联式：python_002.html<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>css样式</title> <link rel="stylesheet" type="text/cs...原创 2019-07-03 20:50:13 · 1763 阅读 · 0 评论 -
前端开发--css--常用文本样式
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>css样式</title> <style type="text/css"> h1{ font-size: 20px; color: gold;...原创 2019-07-03 21:11:46 · 151 阅读 · 0 评论 -
前端开发--css--特征布局练习题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>翻页效果</title> <style type="text/css"> .con{ list-style: none; padding: 0; ...原创 2019-07-10 15:46:34 · 310 阅读 · 0 评论 -
前端开发--css--background属性--练习题
1原创 2019-07-10 10:03:34 · 459 阅读 · 0 评论 -
前端开发--css--盒模型margin使用技巧、margin-top塌陷、元素溢出、
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>盒子模型</title> <style type="text/css"> .box1{ width: 202px; height: 156px; ...原创 2019-07-04 16:48:31 · 266 阅读 · 0 评论 -
前端开发--css--盒子模型
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>盒子模型</title> <style type="text/css"> .box1{ width: 200px; height: 200px;...原创 2019-07-04 10:25:27 · 190 阅读 · 0 评论 -
前端开发--css--background属性
这里不复现程序了，只截图第一个程序，其他类似：repeat-x 只平铺x轴方向；repeat-y 只平铺y轴方向；no-repeat 只平铺一次；repeat 缺省值 ，平铺所有。background-position还可以设置数值：当然和其他语句一样可以合并：...原创 2019-07-09 17:54:10 · 177 阅读 · 0 评论 -
sublime快捷键
sublime快捷键快捷键太多，记不住，也想不起来用，本来想自己整理，但是发现了一篇挺好的，所以就转载了。用于以后自己遗忘复习。其实用的最多的 我是注释，其他好像没怎么用过。ctrl+/Sublime Text 3 快捷键精华版Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关...转载 2019-07-04 10:01:00 · 494 阅读 · 0 评论 -
前端开发--css--选择器
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>css样式</title> <style type="text/css"> *{ font-size: 20px; } div{ col...原创 2019-07-04 09:24:14 · 137 阅读 · 0 评论