- 博客(20)
- 收藏
- 关注
RSS订阅原创 图书管理添加（部分）
数据的获取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图书管理的练习</title> <style> .head{ text-align: center; } ...
2019-09-10 16:59:15
328
原创 学习web前端（十八）
移动版点餐系统、微信导航栏一、移动版点餐系统<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=2.0,width=device-width" > ...
2019-08-15 14:49:18
207
原创 学习web前端历程（十七）
小米商城(未完)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米商城</title> <link rel="stylesheet" href="CSS/xiaomiStyle.css"/> ...
2019-08-14 21:01:43
206
原创 第二周复习
练习题一、盒子模型（登录窗口）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>QQ登录窗口</title> <style> .box{ width: 450...
2019-08-11 21:26:31
146
原创 学习web前端历程（十六）
过渡、过渡隐藏、动画、绘制图形、响应式布局（媒体查询）一、过渡 Transition （主要知识点）使用CSS属性值在一段时间平滑的过渡例如:鼠标悬停后，背景色在1s内，由白色平滑的过渡到红色1、过渡的四要素：（1）过渡的属性（transition-property）可以过渡的属性： 颜色、取值为数值、阴影、转换、背景渐变（display不可以）transition: transfo...
2019-08-10 17:17:54
104
原创 学习web前端历程（十五）
CSS3渐变、转换、照片墙（转换练习）一、CSS3渐变（gradient）CSS3渐变可以让你在两个或多个指定的颜色之间平稳的过渡1、线性渐变（linear-gradient）向下（默认）、向上（to top）、向左（to left）、向右（to right）、对角线（to right bottom、to left top）background: linear-gradient( di...
2019-08-09 19:16:49
174
2
原创 学习web前端历程（十四）
金立官网页面（部分）、css3动画（圆角、阴影）一、金立官网导航条、转播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>金立手机官网—金立手机及配件官方正品专卖网站_金立全面全面屏s11新品首发</title> ...
2019-08-08 16:36:33
131
原创 学习web前端历程（十三）
CSS浮动与定位、CSS清除浮动、display属性、position定位、浏览器内核及其前缀、Z-index堆叠顺序、居中总结一、CSS浮动和定位1.css浮动、定位定义元素框相对于正常位置应该出现的位置（与原来无变化）2.分类普通流定位 、浮动定位、相对定位、绝对定位、固定定位3、浮动定位（浮动元素）将元素排除在普通流之外，不在页面占据空间，将元素放在包含框的左边或者右边，元素依...
2019-08-07 16:38:01
137
原创 学习web前端历程（十二）
怪异盒子、弹性盒子、弹性盒子的应用一、怪异盒子盒子的模型有两种：（1）符合w3c规范的标准例子模型（2）IE的盒子模型（怪异盒子）IE盒子包括：margin、border、padding、content但是不同的是 IE盒子的宽度包含了border和padding（width+margin）Box-sizing属性：允许以W3C的盒模型和IE的盒子模型来定义元素，当前元素适用哪种...
2019-08-06 19:32:42
228
原创 学习web前端历程（十一）
结构性伪类选择器（继上一节）、伪对象选择器、css选择器的优先级、认识盒子一、结构性伪类选择器（继上一节）5.E：not（s选择器）匹配不含有s选择器的元素E注意：除了类名为dl的元素，not（）的值不加引号div:not(.d1){ color: red; }6.E：first-child父元素的第一个子元素注意：E元素须是某个元素的子元...
2019-08-04 17:08:57
150
原创 第一周复习
一、HTML常用标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html常用标签</title></head><body><!--<p>我要努力学习前端</p&...
2019-08-03 15:31:18
171
1
原创 学习web前端历程（十）
文本属性、列表属性、CSS3新增选择器、CSS属性选择器、伪类选择器（链接伪类选择器）一、文本属性1.text-align内容方式对齐，针对于元素的内容属性值描述left左边center中间right右边 p{ text-align: center; /*内容方式*/ text-...
2019-08-02 19:47:14
164
1
原创 学习web前端历程（九）
背景属性、字体属性、（颜色透明度和内容溢出）一、背景属性1、background-color （背景颜色和图形）（1）默认值是transparent（透明的）（2）当同时定义了背景图像和颜色时，背景图像覆盖在颜色之上颜色取值：（1）关键字：red（2）十六进制：#f00 #0f0 #00f（3）rgb（0,0,0） 参数取值范围：0—255（4）rgba（0，0,0，.5...
2019-08-01 18:48:15
103
原创 学习web前端历程（八）
css规则与注释、chrom调试工具的使用、css基础选择器、样式表特征一、css规则与注释1.css语法（1）css是以属性/值对的形式出现（2）属性和属性值之间用冒号（：）连接（3）多对属性之间用分号（；）隔开如：color：red；2.css注释<!-- html 注释语句 -->/* css注释语句 */（1）html/css注释快捷键：...
2019-07-31 17:06:29
98
原创 学习web前端历程（七）
HTML的新增结构标签、认识css、使用CSS样式表的方式一、figure标签<figture></figture> 作用：用于对元素组合，多用于图片与图片的描述<figure> <img src="images/guangtouqiang.jpg" alt="图片加载失败" title="光头强图片" width="200px" &...
2019-07-30 18:11:05
127
1
原创 学习web前端历程（六）
表单域、HTML5的新增类型、属性、和结构标签一、现在学习了三个域：1.文本域 textarea 个人介绍/简介2.文件域 上传文件3.表单域 form 收集控件信息并提交补充：get提交速度快但是不安全，post提交速度慢但是安全<form action="20多行文本框.html" method="get" name="formname"/>...
2019-07-29 17:09:12
92
1
原创 学习web前端历程（五）
form表单（重要）表单在网页中主要负责数据采集功能，用form定义，用户输入信息都要包含在form标签，点击提交后，form里边包含的数据将被提交到服务器端或电子邮件中。（所有用户的输入内容都用表单来写，如登录注册，搜索框），收集到的数据提交到后台，服务器端在 反馈回客户端（两者交互）。表单由窗体及控件组成，输入框、按钮叫做控件。表单标签的格式：<form action="" me...
2019-07-26 22:40:56
166
2
原创 学习web前端历程（四）
表格的基本结构和内联框架1.表格的基本结构<table></table> 定义表格<caption></caption> 定义表格标题<thead> </thead> 表格头 <tr></tr> 定义行（只包含<th>、<t...
2019-07-26 20:16:14
100
原创 学习web前端的历程（一）
初学web前端第一天（7月22日)我是跟着视频来学习的web前端，刚开始就先下载了开发工具，有记事本、sublime text和notepad++等开发工具。也了解了集成开发环境的软件，有webstrom、HBuilder，我使用的是webstrom 2019.1.3的版本的，还有用来浏览自己写的网页的浏览器有谷chrome、火狐Firefox。...
2019-07-26 16:01:21
421
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人