![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html学习笔记
文章平均质量分 54
study365day
这个作者很懒,什么都没留下…
展开
-
HTML学习-day6 浮动
1.CSS布局的三种机制网页布局的核心:用CSS来摆放盒子。CSS提供了3种机制来设置盒子的摆放位罩,分别是普通流(标准流)、浮动和定位。(1)普通流块级元素:块级元素会独占一行,从上向下顺序排列。常用元素有div、 hr、 p、 h1-h6、ul、 ol、dl、form、table等。行内元素:行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。常用元素有span、a、 i、em等。(2)浮动让盒子从普通流中浮起来,主要作用是让多个块级盒子—行显示、实现盒子左右对齐、实现文字环原创 2021-08-09 09:03:54 · 142 阅读 · 0 评论 -
HTML学习-day5 盒子模型
目录1.盒子模型定义2.盒子的复合属性3.外边距合并(1)上下元素垂直外边距的合并(2)嵌套元素垂直外边距的合并(塌陷)4.实用tips(1)字数不一样多的导航栏设计(2)块级盒子水平居中对齐(3)CSS第一句话:清除所有元素内外边距1.盒子模型定义将网页布局看成一个矩形盒子,由元素内容、边框(border)、内边距(padding)、外边距(margin)组成。盒子实际的大小=内容的宽度和高度+内边距+边框。注意:如果盒子没有宽度(继承父亲),则padd原创 2021-08-05 10:45:27 · 164 阅读 · 0 评论 -
HTML学习-day4 CSS常用选择器及权重叠加
1.标签选择器可以将某一类标签全部选出来div { color: red; width: 100px; height: 50px;}2.类选择器给元素一个类名,设置样式时.类名,可以给一个或多个元素指定样式,一个元素可以加多个类名获取多种样式,相当于人的名字,可以多次重复使用<style> .red { color: red; } .myfont { font-size:14px;原创 2021-08-03 10:57:35 · 153 阅读 · 0 评论 -
HTML学习-day3 表单
1.表单基本属性属性 属性值 ,描述 type text 单行文本输入框 password 密码输入框 radio 单选框,有多个时name设置为同一个实现单选 checkbox 复选框 button 普通按钮 submit 提交按钮 reset 重置按钮 image 图像的提交按钮 file 文件域 name 自定义 控件名称 value 自定义 控件默认文本值原创 2021-08-03 10:22:46 · 86 阅读 · 0 评论 -
HTML学习-day2 表格
1.表格基本标签<table>表格 <th>表头 <tr>表行 <td>单元格 <caption>标题表格默认没有边框,设置边框需添加属性border<table border="1"> <caption> <h3>小说排行榜</h3> </caption> <...原创 2021-08-02 09:49:48 · 62 阅读 · 0 评论 -
HTML学习-day1 锚点定位,base标签,特殊字符
1.锚点定位锚点定位即网页页面内跳转。可以快速浏览长页面,类似于Word里的目录跳转。给一个标签添加id属性,通过链接a进行定位。注意:id名前一定要加#<a href="#oldman">2.圣诞老人的由来</a><h2 id="oldman">圣诞老人的由来</h2>2.base标签base可以设置整体链接的打开状态base写到<head> </head> 之间可以将所有的链接都默认添加targe.原创 2021-08-02 08:59:07 · 173 阅读 · 0 评论