![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
上海_彭彭
这个作者很懒,什么都没留下…
展开
-
前端应用_html_基本表单的用法_注册页面02
1. label 标签需求当点击 radio button的 文字 就选中 , 或者点击checkbox 的文字就选择答: 用for 属性 ,示例如下对文字用 label 包裹, 并用for 属性 <input type="radio" name="gender" id="male"><label for="male">男</label> ...原创 2019-07-23 19:01:09 · 225 阅读 · 0 评论 -
前端应用_css_盒子模型_06_margin-top塌陷问题的现象与解决
margin-top塌陷的现象margin-top塌陷是在CSS的盒子模型中出现的一种现象,描述的是当父元素包裹着一个子元素的时候,当给子元素设置margin-top属性时,此时只是想让子元素的边框距离父元素边框有一段距离,而却出现了父元素的顶端距离body这个边框出现了位移,这就是margin-top塌陷的现象。在未给子元素(绿色部分)添加margin-top属性的时候,网页如下图显示:...原创 2019-07-28 00:56:00 · 417 阅读 · 1 评论 -
前端应用_html_基本表单的用法_注册页面01
html表单示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></head><h1>表单制作</h1&...原创 2019-07-23 14:23:13 · 164 阅读 · 0 评论 -
前端应用_css_盒子模型03
这节主要介绍margin 和如何用浏览器查看页面的style浏览器查看页面的style这个就是我们box style 效果图 ,解释如下:500 x 300 是内容的大小,我们一般叫 content绿色显示的是 内容和盒子之间的padding值 ,上下左右已经标注了 。黄色 是 边框的值, 设置的都一样 。最外层是 margin值 ,盒子的边距 。我们发现个问题,就是 我没有...原创 2019-07-27 12:27:37 · 144 阅读 · 0 评论 -
前端应用_html_利用html表格 制作个人简历_填充简历内容03
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></head><h1>简历制作</h1><!...原创 2019-07-23 11:14:23 · 1751 阅读 · 0 评论 -
前端应用_html_利用html表格 制作个人简历_02
作业为 制作的个人简历的样式为如下:特点如下:第一行 全部合并图片占据竖直五个格子我们要用到的知识就是合并。1.首先用快捷键 制作一个表格 table>(tr>td*5) 然后点击tab 键。3. 加border 和表格高度以及宽度 (winth ,height)4. 合并第一行 , (colspan)5. 合并图片 占用的格子(rowspan)代...原创 2019-07-23 10:25:50 · 2054 阅读 · 3 评论 -
前端应用_html_html表格简介_01
以下表格的标签含义:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></head><h1>表格演示</h...原创 2019-07-23 10:01:54 · 138 阅读 · 0 评论 -
前端应用_css_盒子模型02
上一节 用的,border-left , border-top ,这样的写法感觉好丑, 最常见 的用法, 就是用 border 属性就行了他是直接设置上下左右的边框。 这样对齐比较好看,如下 :<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <me...原创 2019-07-26 22:58:16 · 112 阅读 · 0 评论 -
前端应用_html_html列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></head><h1>有序列表</h1><...原创 2019-07-22 23:49:36 · 138 阅读 · 0 评论 -
前端应用_html_html图片以及链接
链接示例如下图片的链接要能找到,自己把图片放到html文件同级别的目录就行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></...原创 2019-07-22 23:09:13 · 397 阅读 · 0 评论 -
前端应用_html_html块,语义化标签
html块一共有两个div 块元素 ,标识一块内容,没有具体含义span 行内元素, 标识一小块内容, 没有具体含义前面都说了没有具体的含义, 还没有样式, 到底要他有何用呢,大家一定听说了,div 加 css 吗, 就是利用 div 没有含义的 然后加入自己想要的效果 就用css含样式 和语义的标签em 表示 强调作用 , (斜体)i 表示专业名词 (斜...原创 2019-07-22 22:22:31 · 106 阅读 · 0 评论 -
前端应用_html_标题-段落-字符实体
wewe原创 2019-07-22 18:54:08 · 176 阅读 · 0 评论 -
前端应用_html_ html规范
请看注释 :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 这是注释的格式--></head><body>这个是演示图片<...原创 2019-07-22 10:32:14 · 196 阅读 · 0 评论 -
前端应用_css_css页面三种引用方法
大家都知道 css 的语法格式为标签名字{key:value , key:value} 这样的形式保存的,但是我们 如何引用这个 css 呢, 一共有三种 :1. 内联式通过 style 属性进行表示 ,例子如下:style=“width:100px; height:300px ;color:red; font-family:‘微软雅黑’;”双引号内是 key:value; 的形...原创 2019-07-24 19:38:14 · 556 阅读 · 0 评论 -
前端应用_css_盒子模型_07_元素溢出
当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。如图:overflow的设置项:1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修剪,并且其余内容是不可见的。在父元素添加属性 overflow:hidden;效果如下:3、scroll 内容会被修剪,但是浏览器会显示滚动...原创 2019-07-28 01:21:15 · 175 阅读 · 0 评论