前端
关注
分享
扫一扫
请叫我大虾
这个作者很懒，什么都没留下…
展开
-
前端三十三:表单form
表单域是表单的区域,用来控制表单提交时候的数据访问.input标记文本框<!-- type:类别 文本框 size:表示字符宽度 maxlength:表示最多输入的字符数 --> <input type="text" name="uname" size="20" maxlength="10">密码框<!-- type:类别 密码框 m...原创 2019-06-30 00:42:10 · 273 阅读 · 0 评论 -
前端二十七:四彩边框
单独为每一条边框设置对应的属性<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width...原创 2019-06-03 19:15:00 · 282 阅读 · 0 评论 -
前端二十六:认识边框
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table{ /* border="1" width="50...原创 2019-06-03 19:05:40 · 239 阅读 · 0 评论 -
java web一: xml
xml:extensible markup language(可扩展标记语言),xml是由w3c组织发布.在现实生活中，存在大量有关系的数据. 如下: 那么，这样的数据如果交给计算机处理呢? xml的出现就是为了描述生活中经常出现的有关系的数据。 在xml语言中，它允许用户自定义标签。一个标签用于描述一段数据；一个标签可分为开始标签和结束标签。在开始标...原创 2019-06-19 09:40:01 · 267 阅读 · 0 评论 -
前端一HTML:二十五盒子模型
html页面上的每一个元素都是一个盒子。 万物皆盒子。 盒子的组成: content, Padding, border, margin盒子的外壳: border 1. border-width: 设置边框宽度 2. border-style: 设置边框样式 solid:实线 3. border-color: 设置边框...原创 2019-05-17 21:50:24 · 262 阅读 · 0 评论 -
前端一HTML:二十四伪类
类选择器作用:是用来给对应的类标签设置样式。 伪类也是给对应的标签设置样式。伪类选择器的样式要显示出来，这个标签就必须具备对应的条件。a:link 设置元素没有被访问过的样式。 如果已经点击了一次，那么将来这个伪类中的样式将不会再被显示。a:visited 设置元素被访问过的样式 如果这个元素已经被点了一次，那么将来这个伪类中的样式会一直显示...原创 2019-05-13 12:22:09 · 314 阅读 · 0 评论 -
前端一HTML:二十三行高的介绍,行高的单位
行高的介绍line-height 作用:设置文本的行高 应用:将文本的行高设置为容器的高度,这样可以将文本在容器中垂直居中。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti...原创 2019-05-10 10:39:55 · 2048 阅读 · 0 评论 -
前端一HTML:二十二元素显示方式案例
1. 块级元素 单独占一行，高度不设置默认为0，如果有内容，高度会被内容撑开。 display:block2. 行内元素 一行可以有多个，不能设置宽高。 display:inline3.行内块级元素 一行内可以显示多个，可以设置宽高。 display:inline-block<!doctype html&...原创 2019-05-09 09:45:33 · 333 阅读 · 0 评论 -
前端一HTML:二十一与文本相关的属性
1. text-align: 作用：设置文本的排序方式 取值: center居中 left:靠左 right:靠右2. text-decoration: 作用：一般用于将a标签的下划线去掉3.text-indent 作用：用于设置文本的缩进<!doctype html><html lang="en"...原创 2019-05-08 23:12:49 · 236 阅读 · 0 评论 -
前端二十八:padding的使用以及赋值，盒子宽高
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head> <style> .father{ border:...原创 2019-06-03 20:05:31 · 799 阅读 · 0 评论 -
前端二十九:两个盒子居中的练习
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 有一个大的div,宽500,高300. 在大的...原创 2019-06-10 11:09:35 · 596 阅读 · 0 评论 -
前端三十五:图片的基本概念
位图图像:由屏幕上的像素点来描述图像。放大失真，会出现马赛克模糊。矢量图形: 使用线段和曲线描述图形，所以称为矢量。放大不会失真。分辨率: 单位长度上的像素数。通常以"像素/英寸"。网站默认尺寸单位为像素。...原创 2019-07-02 23:57:54 · 239 阅读 · 0 评论 -
前端三十四:内嵌框架
<table width="700px" border="1"> <tr> <td width="100px"> <a href="实体.html" target="main">实体</a> <br/> <a hre...原创 2019-07-02 23:19:19 · 409 阅读 · 0 评论 -
前端三十三:列表
ol order listul unorder listdl define list有序列表标签(<ol>)<ol type="A" start="3"> <li>郑州</li> <li>洛阳</li> <li>开封</li> ...原创 2019-06-21 23:51:00 · 409 阅读 · 0 评论 -
前端三十二:超链接(a标签)
路径分为两种: 1. 绝对路径:从盘符开始 2. 相对路径:以自身文件为准 ../ 代表上级目录 ./代表当前目录内部链接 网站内部页面和页面之间的连接。外部链接 连接到其他网站。<a href="http://www.taobao.com" target="_bla...原创 2019-06-21 21:15:09 · 558 阅读 · 0 评论 -
前端三十:模仿新浪的导航
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padd...原创 2019-06-12 10:54:47 · 418 阅读 · 0 评论 -
java web二: xml编程(CRUD)
C:create创建 R:read 读取 U:update 修改 D:delete 删除原创 2019-06-21 10:31:41 · 250 阅读 · 0 评论 -
前端三十一:标签的属性
html中每个标签都是一个对象. 既然是对象,那么每个对象都有自己的属性. 语法如下: <标签 属性='值' 属性='值'.... /> 属性没有先后关系原创 2019-06-16 22:25:42 · 264 阅读 · 0 评论 -
XML错误：缺少所需的空白区
xml文档出现这种错误的原因之一: 如下:我的dtd文件 country (provice+)之间应该有空格<!ELEMENT country(province+)><!ELEMENT province(name,nickname)><!ELEMENT name(#PCDATA)><!ELEMENT nickname(#PCDATA)...原创 2019-06-20 00:43:01 · 1717 阅读 · 0 评论 -
前端一HTML:二十CSS的三种存在方式
1. 行内样式(存在于标签之中,用style属性设置)<p style="color:red">这是内容</p>2. 嵌入样式(也称内联样式, 存在于title标签之下的style标签之中)<style type="text/css"> p{ color: red; }</style...原创 2019-04-29 10:35:21 · 1155 阅读 · 0 评论 -
前端一HTML:十九继承的特殊性
1. a标签的颜色a标签的颜色是不会从父元素继承过来，如果要设置a标签的颜色，必须要直接指定。 如下: 必须直接指定a标签的颜色。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...原创 2019-04-18 09:32:01 · 453 阅读 · 0 评论 -
前端一HTML:十七:背景
background-color: 背景颜色 background-image: 背景图片(默认是平铺图片)background-repeat: 是否平铺background-position: 背景图片的位置 1. 取值--方位名词: top上, bottom下, left左, right右, center中 bac...原创 2019-04-15 00:34:33 · 232 阅读 · 0 评论 -
前端一HTML:七:css初步认识
css初步认识:1. css的存放位置:放在title标签下面2. 所有的样式都放在同一个标签中<style></style>3. 在style标签中放入对应样式了解css: css: cascading style sheets层叠样式表。 作用: 用来给页面添加样式的。<!doctype html><htm...原创 2019-03-07 22:42:44 · 240 阅读 · 0 评论 -
前端一HTML:八:css中与文本相关的属性
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2019-03-14 09:51:06 · 238 阅读 · 0 评论 -
前端一HTML:六:标签的关系,分类
并列关系嵌套关系: 1. 子结点 2. 后代关系标签的分类： 双标签也叫容器标记, 单标签也叫空标记原创 2019-02-24 21:10:26 · 410 阅读 · 0 评论 -
前端一HTML:五: 文档结构介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><原创 2018-11-20 12:22:24 · 562 阅读 · 0 评论 -
sublime text使用小技巧
一. 每次打开Sublime Text ,如果弹A new version of Sublime Text 2 is available, download now？的对话框? 通过如下设置,即可取消弹框. 设置办法：Preferences -> Settings-User and add there: "update_check": false 翻译过来就是...原创 2018-10-31 18:54:49 · 2706 阅读 · 0 评论 -
前端一HTML:四: html标签
html标签简单说就是被"<>'括起来的就是标签。 H系列标签. 作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.P标签:段落标签 将某行文字以段落形式显示。<p>这是一段文字</p>hr标签:在页面上显示一条横线.默认占整行<hr/>br标签: 换行<...原创 2018-10-28 22:16:48 · 389 阅读 · 0 评论 -
前端一HTML:三: 浏览器页面的本质-html，html语言规则
浏览器页面上只有一句,但实际的html文件不止一句代码。浏览器所做的事情就是将服务器响应回来的response进行从上到下的解析(渲染) ,将最后的结果显示出来.html:在浏览器上运行的一种脚本语言.html结构: <html> <head> <title></title> </head>...原创 2018-08-15 20:46:45 · 932 阅读 · 0 评论 -
前端一HTML:二: html开发工具
sublime text, webstrom Httpwatch, 浏览器的开发者模式以下为猎豹浏览器的开发者模式,可以很方便的查看请求头,响应头信息原创 2018-08-01 19:15:55 · 492 阅读 · 0 评论 -
前端一HTML:九:css中颜色的表示
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2019-03-15 17:31:02 · 279 阅读 · 0 评论 -
前端一HTML:十二:元素查找过程的详解
后代选择器查找原理<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .father p{ ...原创 2019-03-20 23:06:32 · 458 阅读 · 0 评论 -
前端一HTML:十五: 权重的比较
如果选择器混合使用,那么如何确定我们的优先级? 通过权重进行比较. 那么如何计算权重呢? 通过数标签来计算。 先数id选择器的个数,再数类选择器的个数,最后数标签选择器的个数. id选择器个数不相等,那么个数多的权重就大,如果个数相等就比较类选择器个数是否相等(个数多的, 权重就大)，最后比较标签选择器个数是否相等(个数多的, 权重就大).&...原创 2019-04-09 23:19:06 · 649 阅读 · 0 评论 -
前端一HTML:十八:元素的显示方式
1. 块级元素 特点: 单独占一行, 可以给这个元素设置宽高。 div, p, h1(h2,系列标签), ul,li, ol, dl标签都是块级元素标签。 显示方式: display: block;如下: 有两个div块,每个div的宽高都是200px,但由于div是块级元素标签，即使设置了宽，还是单独占了一行。 <!do...原创 2019-04-16 09:54:43 · 571 阅读 · 0 评论 -
前端一HTML:十六: 权重有关的练习
练习一:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content="权重,练习"> <meta name="description" content="对网站的描述">...原创 2019-04-12 09:55:01 · 330 阅读 · 0 评论 -
前端一HTML:十四: important
一个选择器可以作用于很多个标签上,一个标签也会被很多个选择器作用.!important 属性不能被继承 作用: 将对应选择器的优先级设置为最高级<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title&g...原创 2019-04-08 20:02:14 · 663 阅读 · 0 评论 -
前端一HTML:十五: 层叠,权重,优先级的关系
层叠是css的一个特性,如果两个相同的属性作用于同一标签，它们会发生层叠。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/cs...原创 2019-04-11 09:33:52 · 724 阅读 · 0 评论 -
前端一HTML:十一:其他选择器
1.通配符选择器:作用域页面上的所有标签<style type="text/css"> *{ 属性名1 : 属性值1 属性名2 : 属性值2 ... }</style>通配符选择器在进行选择的时候,会去遍历页面上的所有标签，并且给这些标签设置对应的属性。这样一来，性能就比较低。<!doctype html&g...原创 2019-03-19 00:43:15 · 235 阅读 · 0 评论 -
前端一HTML:十:选择器
1. 标签选择器: 根据指定的标签名给对应标签的元素设置属性.<style type="text/css"> 标签名{ 属性名1 : 属性值1 属性名2 : 属性值2 ... }</style>2. 类(class)选择器:根据类名给对应标签设置样式。<style type="text/css"> .类...原创 2019-03-17 20:52:30 · 290 阅读 · 0 评论 -
前端一HTML:十三:css的三大特性
1. 继承 给父元素设置一个属性，然后子元素可以使用. 凡是以 line-,text-,font-开头的属性都是可以继承。2. 层叠 是页面处理冲突属性的一个能力 如果两个选择器为同一个元素设置了不同的属性，它们会同时作用于这个元素。 如果两个选择器为同一个元素设置了相同的属性，它们会发生层叠。(层叠的结果跟优先级有关系)<!doctype ht...原创 2019-03-20 23:26:53 · 267 阅读 · 0 评论