- 博客(20)
- 收藏
- 关注
原创 图书管理添加(部分)
数据的获取<!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关注的人