html
关注
分享
扫一扫
文章平均质量分 62
iheyu
iheyu(一个新手小白女PHP初学者 )
老公的博客:iwanghang
展开
-
HTML基础知识复习有序 无序 列表
8. meta和 title标签：<html> <head> <meta charset="utf-8"> <!--meta标签 charset="utf-8"是万国码--> <title>页脚标</title> </head> <b...原创 2020-02-26 21:48:58 · 351 阅读 · 0 评论 -
HTML基础知识复习之标签
1. 什么是HTML语言：htmlhyperText markup language!!!超文本标记语言2.标签<html></html> 根标签<head>用户看不到的,是给浏览器看的</head> <body>是展现给用户看的<body> 结构标签<!DOCTYPE html><...原创 2020-02-25 19:43:39 · 228 阅读 · 0 评论 -
了解前端和整个完整的项目
1. 什么是前端工程师？ Front-End-Developer(前端工程师)，是将可视化和部分交互功能剥离出来就形成了前端开发。 前端工程师就是用 HTML CSS JavaScript等专业技能和工具，将UI设计的稿实现成 网站产品。 Full-Stack Engineer(全栈工程师)产品设计，UI，前后端开发，运营。 前端开发——>中间层——>后端开发；在一个完整的项...原创 2020-02-25 16:10:02 · 673 阅读 · 0 评论 -
xx闪购——商品信息
1.把图片放在 cc/img 的文件夹里：D:\cc\img2.把图片显示出来：<ul class="clearfix"> <li> <div class="bg"><img src="img/1.png" alt=""></div>...原创 2020-01-09 16:31:49 · 183 阅读 · 0 评论 -
xx闪购-商品列表布局设计
1.页面结构：<div class="seckill-goods"> <ul> <li></li> <li></li> <li></li> <...原创 2020-01-09 16:19:54 · 336 阅读 · 0 评论 -
xx闪购—主体选项卡
<div class="seckill-nav"> <ul> <li class="active"><em>18:00 </em> <spent>即将开始 距开始 01:25:15</spent></li> <...原创 2020-01-09 14:42:35 · 306 阅读 · 0 评论 -
xx闪购—搜索框和iconfont
1.做搜索框：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2020-01-09 14:08:26 · 378 阅读 · 0 评论 -
xx闪购—logo和分类导航
头部导航栏包含三部分：1.logo2.中间商品的类别3.搜索框一.页面的结构：1.最外面div包裹着所有内容 高度 和 背景 ——>里面的div 是控制 宽度 和在 页面上居中 ——>三个紧挨的三个div 分别包括：logo、中间商品的、搜索框；<div> <div> <!--div*...原创 2020-01-09 11:59:10 · 352 阅读 · 0 评论 -
做xx闪购网站准备工作
1. 创建文件夹cc ——>cc中 创建 css,img,js 文件夹 与 index.html文件；2.在 css 文件夹——>创建 文本文档——> s重命名 为 style.css 文件;3.打开 vscode ——>找到 cc 文件夹中的 index.html 文件;D:\cc\index.html<!DOCTYPE html>&l...原创 2020-01-08 15:35:13 · 261 阅读 · 0 评论 -
xx闪购——顶部的菜单栏
一.做小米商城的菜单栏：1.页面结构：1.1.在html的body里面有一个 div 包裹着所有 内容 与 控制背景和高度；1.2.在用1个 div 标签 限制宽度和整体居中；1.3.在用1个 div 标签 让文字靠最左侧 ——>用另1个 div 标签 让文字靠最右侧；<!DOCTYPE html><html lang="zh"><he...原创 2020-01-08 15:26:37 · 357 阅读 · 0 评论 -
盒子模型
1.什么是盒子模型？在页面中所以的所有元素，都可以看成矩形的盒子；2.盒子模型的组成：内容(就是盒子里面装的东西)——>盒子框(盒子本身)——>内边距(内容与盒子框之间的距离)——>外边距(盒子与盒子之间的距离)；/*鞋盒装了鞋子 堆在一起内容：鞋子内边距：鞋子与鞋盒之间放了 报纸盒子框： 鞋盒外边距：鞋盒与鞋盒之间的距离*/3.盒子框...原创 2019-12-05 13:19:08 · 195 阅读 · 0 评论 -
CSS连接状态样式改变及列表样式优化
一.通过伪类定义<a>,的四种状态：1.初始状态——>被访问状态——>鼠标移动状态——>点击状态;a:link {/*初始状态*/}a:visited { /*被访问状态*/}a:hover { /*鼠标移动状态*/}a:active { /*点击状态*/}<!DOCTYPE html><htm...原创 2019-12-05 12:57:09 · 287 阅读 · 0 评论 -
CSS字体实例的多种变换
1.改变浏览器中字体：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-12-05 12:48:09 · 190 阅读 · 0 评论 -
CSS背景使用方法
1.背景相关的属性——>所有标签都具有的CSS属性：1.1.背景可以设置成某种颜色：body { background-color: red;}1.2.背景可以设置成某张图片body { background-image: url('123.jpg');}1.2.1~1.2.2. 背景是平铺的，只沿着x或y 轴平铺body { ba...原创 2019-12-05 12:14:59 · 622 阅读 · 0 评论 -
CSS伪元素选择器
1.伪元素选择器——>伪元素：假的(不是自己写的)——>例如:开始before 结束after<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2019-12-04 17:11:19 · 170 阅读 · 0 评论 -
CSS属性选择器
1.属性选择器——>基本s[属性]<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2019-12-04 16:19:46 · 107 阅读 · 0 评论 -
CSS组合选择器
1.什么是组合选择器？把基本选择器 、通过特殊符号串连在一起 ;1.分组选择器——>把多个选择器用，隔开——>div,p,ul<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" co...原创 2019-12-04 11:42:02 · 197 阅读 · 0 评论 -
vscode编辑器中怎么样,字体变大？(针对windows10)
1.选择“查看”——>点击“外观”中的“放大”；2.点击“文件”中的“首选项”——>选择“设置”；3.找到“Editor Font Size”字体大小，改成18；4.点击“文件”保存；...原创 2019-11-27 15:14:43 · 1833 阅读 · 0 评论 -
HTML的结构作业
1.HTML文档类型有什么作用，可以不写么？ DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示...原创 2019-11-14 15:15:24 · 196 阅读 · 0 评论 -
HTML网页基本概念作业
1.前端学习的基础是哪三种语言，他们之间有什么区别？答：html、CSS 和 JavaScript HTML—> 了解页面的基本结构 CSS—> 学会页面的美化 JavaScipt基础 —> 掌握简单页面交互2.创建第一个html文件，并让它在浏览器中显示为Hello World<!DOCTYPE html> <html lang="...原创 2019-11-14 15:10:37 · 236 阅读 · 0 评论 -
thinkphp——登录界面
1.把你我网压缩包->解压youme\(E)文件夹->把解压youme\(E)文件夹->放到根目录下(点phpstudy点网站根目录)；2.创建文件夹修改名为demo； 3.www/youme/application/config.php 把config.php文件内的 '__PUBLIC__'=>'/youme/public/'...原创 2018-11-25 00:30:14 · 1840 阅读 · 1 评论 -
vscode——怎么换颜色
1.打开vscode ——>选择任意一个.html文件——>进入.html文件——>点击"文件"——>选择“首选项”——>选择"颜色主题"就是浅紫色的,你也可以根据你个人喜好选择其他颜色！...原创 2019-08-26 13:51:50 · 1128 阅读 · 0 评论 -
CSS定义和三种引入方式
1.CSS：层叠样式表CSS(Cascading Style Sheets)2.HTML+CSS ——>相当于人的肉体 ——>JavaScript——>相当于人的思想行为；3.HTML——>主要负责页面的结构；4.CSS ——>主要负责页面的样子；5.早期HTML的样式由标签的属性来决定页面的样子：1.属性多——>浏览器麻烦——>HTM...原创 2019-08-27 15:02:12 · 177 阅读 · 0 评论 -
CSS核心语法——颜色的五种定义方法
一.CSS主要有两大部分组成：1.选择器——>div(标签选择器)2.声明——>大括号包含具体样式——>每一条对应样式——>属性名称和 属性值——>是以分号结束；——>用冒号隔开属性名称和属性值；二.格式：1.控制器+空格+{换行用tan键=四个空格具体的属性名称：空格 属性值；多条属性以行隔开}div { width...原创 2019-08-28 14:26:55 · 568 阅读 · 0 评论 -
CSS基本选择器
1.什么是选择器——>大括号之前——>就是选择器；2.选择器作用——>通过选择器——>找到html中对应的元素——>并且把选择器后面的样式传递给元素；3.选择器后面的样式——>传递给元素；4.选择器可分为4个大类：1.基本选择器2.组合选择器3.属性选择器4.伪元素选择器1.基本选择器：/1.*通配符选择器/2.标签选择器...原创 2019-08-29 17:27:22 · 132 阅读 · 0 评论 -
CSS核心语法和使用（上）
CSS有两个重要原则：1.优先原则：——>后解析的内容——>会覆盖掉之前解析的内容2.继承原则：——>嵌套里面的标签——>还拥有外在标签某样式——>子元素可以继承父元素某些属性一.什么是优先原则：优先原则：-》选择器1.同一个选择器文件执行：从上往下执行，（上面的先执行，下面的后执行，后执行性会覆盖掉先执行）<!DOCTYPE ht...原创 2019-10-11 10:29:17 · 124 阅读 · 0 评论 -
CSS核心语法和使用(下)
5.内联样式外部+内部解析完了以后，才解析内联样式！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2019-10-11 10:34:53 · 103 阅读 · 0 评论 -
前端发展历史
CSS是网页结构化工具——>CSS将网页的内容和设计的进行分开管理——>在网页外观和排版放在CSS里面内容依然保留在HTML里面智能手机越来越多，移动端在兴起——>如何在手机上小小的屏幕显示，偌大的内容，就出现三格系统提供了许多相应框架，前端做些事变得简单什么事响应式页面布局——>让网页在内容不变的前提下面——>版面的布局随...原创 2019-08-26 11:24:06 · 117 阅读 · 0 评论 -
HTML——表单作业(一)
1.表单提交方式中的GET和POST，那个会修改网址？GET:是把传的值显示在网址里面POST:是把值放在http头里面所以GET能修改网址2.input标签不同类型的尝试1.滑动条代码段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-08-23 14:42:32 · 1202 阅读 · 0 评论 -
HTML——网页的布局
iframe嵌套页面1.布局的概念——>把功能划分成小块并排列好就叫布局；2.在网页实现功能的小块——> <div></div>——>div标签就是一个容器(是用来装东西的器皿)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2019-08-23 14:37:45 · 258 阅读 · 0 评论 -
练习KS小项目——怎么样实现在html文件中循环
1.D:\PHPTutorial\WWW\ks728\application\admin\controller\Kuaishou.php<?phpnamespace app\admin\controller;use think\Controller;use think\Db;class Kuaishou extends Controller{ public functi...原创 2019-08-05 14:16:41 · 300 阅读 · 0 评论 -
练习KS小项目——创建kuaishou文件在浏览器中的显示
1.在D:\PHPTutorial\WWW\ks\application——>创建admin文件夹——>创建controller和view文件夹——>在controller文件夹——>创建Kuaishou.php文件；2.D:\PHPTutorial\WWW\ks\application\admin\controller\Kuaishou.php<?phpna...原创 2019-07-24 17:02:44 · 933 阅读 · 0 评论 -
静态网页制作——在phpstorm中创建公共文件(common)并替换
1.C:\phpStudy\PHPTutorial\WWW\owz\application\index\view下创建common文件夹——>left.html文件：内容修改为： <div class="nmainleft3"> <strong style="font-family:'微软雅黑'; font-size:13px; color:#...原创 2019-05-20 17:53:50 · 505 阅读 · 0 评论 -
静态网页制作——在phpstorm中实现在admin修改Contactus文件，在index的Company中显示修改
1.C:\phpStudy\PHPTutorial\WWW\owz\application\index\controller内容为：<?phpnamespace app\index\controller;use think\Controller;class Company extends Controller{ public function index () ...原创 2019-05-20 17:50:18 · 956 阅读 · 0 评论 -
DreamWarecs6怎么样让表格居中和在phpstorm中使用？
1.插入——>表单——>文本域——>窗口——>输入ID(要输入英文名字)确定；2.插入——>表单——>按钮——>输入ID(要输入英文名字)确定；修改按钮里的字3.按钮——>在属性页面下——>值后面的内容改成——>登录；4.左键点击改按钮里的字——>选中全部要居中内容——>右键点击要居中的内容——>对齐——>...原创 2019-05-02 23:03:00 · 821 阅读 · 0 评论 -
ThinkPhp学习笔记——文章添加界面处理
*============在控制器、模块、验证器、视图下、创建文章文件和文件夹=============↓D:\phpStudy\WWW\niwo\application\admin\controller复制粘贴Link.php,重命名 Article.phpD:\phpStudy\WWW\niwo\application\admin\model复制粘贴Link.php,重命名 Art...原创 2018-06-21 01:04:54 · 745 阅读 · 0 评论 -
ThinkPhp学习笔记——栏目功能完成及唯一性验证补充
*============创建栏目文件============↓D:\phpStudy\WWW\niwo\application\admin\controller复制 粘贴Admin文件，重命名Cate(栏目)D:\phpStudy\WWW\niwo\application\admin\model复制 粘贴Admin文件，重命名Cate(栏目)D:\phpStudy\WWW\niw...原创 2018-06-21 00:55:43 · 352 阅读 · 0 评论 -
ThinkPhp学习笔记——友情链接删除和编辑
*============在视图里删除友情链接列表里的内容==============↓D:\phpStudy\WWW\niwo\application\admin\view\links\lst.html原内容<td align="center"> <a href="{:ur...原创 2018-06-21 00:43:57 · 506 阅读 · 0 评论 -
Thinkphp学习笔记——友情链接的添加和验证
*============在公共模板的左侧列表 增加友情链接和友情链接下的链接列表==============↓D:\phpStudy\WWW\niwo\application\admin\view\common\left.html复制内容：<li> <a href="#" class="menu-dropdown"> ...原创 2018-06-21 00:35:50 · 1837 阅读 · 0 评论 -
ThinkPhp学习笔记——管理员添加
//==========修改管理员列表地址==========↓D:\phpStudy\WWW\niwo\application\admin\view\common\left.html原内容 <li> <a href="/admin/document/index.html"> ...原创 2018-06-21 00:23:35 · 725 阅读 · 0 评论