自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 品优购项目--购物车结算页面

效果图HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品优购购物车结算</title> <link rel="shortcut icon" href=&q

2018-09-20 21:58:05 5075 1

原创 品优购项目--注册页面

效果图HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品优购登录</title> <link rel="shortcut icon" href=&quot

2018-09-20 21:55:52 3429

原创 品优购项目--登录页面

效果图HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品优购登录</title> <link rel="shortcut icon" href=&quot

2018-09-20 21:53:34 6219 2

原创 0920--js基础:运算符,if,switch结构

1.数据类型转换 数值类型转换:Number(); 隐式转换 布尔类型转换:Boolean(); 空\0\null\defined\NaN转为false,其他为true 2.运算符 算数运算符:+ - * / %(取余) 一元运算符:a++(先返回值再运算,多用) ++a(先运算再返回值) ...

2018-09-20 21:50:10 283

原创 品优购项目--列表页 list.

效果图HTML部分 list.html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>列表页-手机页面!</title> <meta name="description&

2018-09-19 22:14:28 4882 4

原创 品优购项目--首页index.html

效果图index.html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物!</title> <meta name=&q

2018-09-19 22:10:47 20799 17

原创 HTML+CSS 小米页面

效果图HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=&quot

2018-09-19 21:52:28 11910 13

原创 0919--js基础,变量,数据类型

1.js基础知识 1.JavaScript:运行在客户端的脚本语言 2.js运用:动态广告;表单验证;动画;在线游戏 3.js组成:ECMA Script ; DOM ; BOM 4.js写法: 行内 <button onclick="alert()"></button> ...

2018-09-19 21:47:16 177

原创 0910笔记--精灵图\字体图标

1.定位 定位的作用: 实现盒子的叠加 + 不规则布局 定位的知识点: 子绝父相 2.鼠标小手 cursor:pointer; 3.取消轮廓线 outline:none; outline:0; 4.取消文本域缩放 resize:none; 5.垂直方向居中 ver...

2018-09-10 20:22:40 373

原创 0908--CSS 定位\隐藏

1.复习 位置移动: 盒子模型(margin+padding): 进行盒子的局部距离调整. 浮动: 快速左右对齐+一行显示(快速左右布局) 定位: 实现盒子叠加效果+不规则布局 ---------------------------------...

2018-09-08 18:31:41 275

原创 0906--学成在线页面案例

第一次写出页面,虽然是跟着老师的教学写出来的,但是心里很开心. 盒子布局比较清晰了,但是命名,写法还很不规范,写网页速度很慢,会有各种各样的小问题,需要培养好写网页的好习惯,善于应用检查工具,要多加练习,打字速度也还要提高.效果图html部分<!DOCTYPE html><html lang="en"><head> <meta...

2018-09-06 11:43:41 13591 38

原创 0904笔记--浮动

“` 1.css的三大特性 层叠性: 样式会覆盖 继承性: 少写属性(字体属性,color line-height text-align) 权重优先级: 权重大的选择器优先显示. 标签选择器 < 类选择器 1 10 注意:1.继承权...

2018-09-04 22:51:14 210

原创 0902笔记--内外边距,盒子模型

1.复习 复合选择器 后代选择器 .one a{} 子代选择器 .one > a{} 并集选择器 h1, p, .one{} 交集选择器 p.one{} 链接伪类 a:hover{} 显示模式 dis...

2018-09-02 21:38:14 169

原创 0901笔记

1.选择器 标签选择器 div{} 类选择器 .one{} class="one" id选择器 #two{} id="two" 通配符选择器 *{} 2.字体相关属性 字体大小 font-size 字体样式 font-style: normal italic; ...

2018-09-02 09:13:41 174

原创 0831新闻列表标题案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin:

2018-08-31 16:49:01 321 1

原创 0830笔记--CSS01

今日知识点 0.CSS中的两大知识体系: 找标签(选择器) 该样式(CSS样式属性) 1.css的三种书写方式(1种不推荐用,1种平时用,1种做项目的时候用) 行内样式 内嵌样式 外链样式 2.选择器 标签选择器 ...

2018-08-30 19:21:48 182

原创 0829注册表单案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>世纪佳缘-你在我也在</title> <style> tr { heig

2018-08-29 20:37:13 364

原创 0829课程内容

复习: 1.学习HTML就是认识标签. 2.认识标签 标题标签 <h1></h1> 段落标签 <p></p> 换行标签 <br> 水平线标签 <hr> 图片标签 <img src="图片地址" alt=&

2018-08-29 20:06:56 260

原创 CSS学习——外边距

目录目录外边距(margin)外边距实现盒子居中清除元素的默认内外边距外边距合并相邻块元素垂直外边距的合并嵌套块元素垂直外边距的合并外边距(margin)margin属性用于设置外边距。设置外边距会在元素之间创建“空白”,这段空白通常不能放置其他内容。margin-top:上外边距margin-right:右外边距...

2018-08-28 12:42:07 724

原创 0825作业展示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> h4 { text-a

2018-08-25 16:37:11 323

原创 8.24课程内容总结

1.没有语义的标签span、div <span></span> 一行里面可以放置多个span标签;宽高由内部元素决定; <div></div> 单独占一行; 2.w3c三层分离的标准: html:从语义的角度来描述页面结构 css:从样式上来修饰...

2018-08-24 23:34:36 212

原创 8.23课程内容总结

1.h系列的标签:给一段文字加上标题的语义<br /> 2.p标签:给一段文字加上段落的语义<br /> 3.br:单标签,换行标签<br /> 4.hr:单标签,水平线标签<hr /> 5.空  格 6.<strong>强壮</strong>

2018-08-23 23:11:37 177

原创 HTML标签总结(初版)

一、标题标签(h1-h6) <h1>我是标题</h1>二、段落标签(p)<p>我是标题</p>三、水平线标签(hr) <hr /> 单标签四、换行标签(br)<br /> 单标签五、四个文字标签(b,u,i)<b>加粗</b&

2018-08-23 23:04:49 201 1

原创 上课第一天感想

8月22日,是预科班上课的第一天。 首先遇到的不是学习,而是时间调整的问题。从早上上课上到晚上,非常需要抓紧时间。 比如, 早上上课之前的时间可以用来重复记忆学到的标签、知识点; 上课期间就做好笔记,勤练代码; 中午午休片刻,养足精神; 晚自习迅速完成作业,找老师解答疑惑,总结每日学习内容,然后开始预习后面的课程; 回到宿舍,反思今日学习情况,用博客记录。...

2018-08-22 23:03:17 1617

原创 CSS学习——三大特性、盒子模型(上)

目录目录CSS三大特性CSS层叠性CSS继承性CSS优先级CSS特殊性(Specificity)盒子模型(CSS重点)看透网页布局的本质盒子模型(Box Model)盒子边框(border)表格的细线边框盒子边框总结表圆角边框(CSS3)内边距(padding)CSS三大特性CSS层叠性所谓层叠性是指...

2018-08-20 22:41:43 547 1

原创 CSS学习——书写规范、背景

目录目录CSS书写规范空格规范选择器规范属性规范CSS背景(background)背景图片(image)背景平铺(repeat)背景位置(position)背景附着背景简写背景透明(CSS3)背景缩放(CSS3)多背景(CSS3)凹凸文字CSS书写规范空格规范【强制】选择器与{ 之间必须包含空格。示例:....

2018-08-19 21:38:04 335

原创 CSS学习——复合选择器

目录目录CSS复合选择器交集选择器并集选择器后代选择器子元素选择器综合案例属性选择器伪元素选择器(CSS3)CSS复合选择器复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两...

2018-08-18 18:31:55 1187

原创 CSS学习——样式表、标签显示模式

目录目录引入CSS样式表(书写位置)内部样式表行内式(内联样式)外部样式表(外链式)三种样式表总结标签显示模式(display)块级元素(block-level)行内元素(inline-level)块级元素和行内元素区别行内块元素(inline-block)标签显示模式转换 display引入CSS样式表(书写位置)内部样式...

2018-08-17 18:58:34 503

原创 CSS学习——外观属性

CSS外观属性CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-indent:首行缩进letter-spacing:字间距word-spacing:单词间距word-break:自动换行颜色半透明(CSS3)文字阴影(CSS3)color:文本颜色color属性用于定义文本的颜...

2018-08-17 17:38:00 754

原创 CSS学习——选择器

选择器要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一人物的样式规则部分被称为选择器(选择符)。标签选择器(元素选择器)标签选择器是指用HTML标签作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。标签名 {属性1:属性1;属性2:属性2;属性3:属性3;}优点:能快速为页面中同类型标签指定统一样式缺点:不能让设计差异...

2018-08-16 21:37:21 382

原创 CSS学习——字体设置

CSS(Cascading Style Sheets) 层叠样式表 css内容写在<head></head>标签之间 html内容写在<body></body>标签之间<style> h1(选择器) { color(属性):red(值); font-size:25px; }</style>...

2018-08-15 17:47:48 411

原创 HTML表格及表单

表格table三行三列表格<table width="500" height="300" border="1"> <tr> <td&amp

2018-08-14 22:51:36 198

原创 HTML标签简列

HTML骨架结构<html> <head> <title></title&a

2018-08-13 22:24:47 236

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除