2023.11.10
今天学习了第九章 表单
1.form标签：放在body里；属性：name 表单名称 method 提交方式 action提交地址 target 打开方式
2.input标签：语法 <input type="表单类型"/>
type属性：text 单行文本框
password 密码文本框
radio 单选框
checkbox 多选框
button submit reset 按钮
file 文件上传
3.text单行文本框属性：
value 默认情况下单行文本框显示的文字
size 单行文本框的长度
maxlength 最多可输入的字符数
4.密码文本框：字符不可见
语法<input type="password"/>
属性：value 默认情况下显示的文字
size 密码长度
maxlength 最多可输入字符数
5.单选框：语法：<input type="radio" name="组名" value="取值"/>选择项 加上checked
没有name属性，会选上两个
6.复选框：语法：<input type="checkbox" name="组名" value="取值"/>取值名称
7.按钮：文件上传：<input type="file"/>
8.单行文本框和多行文本框：
单行:<input type=""/>
多行:<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>
9.下拉列表：<select>
<option>选项内容</option>
</select>
属性：multiple多选 size 显示个数
selected选中 value选项值
2023.11.11
今天学习了第十章 框架：iframe标签 语法：
<iframe src ="链接地址" width="数值" height=""></iframe>
在此页面中需要显示的页面的链接地址 嵌入多页面
2023.11.12
今天学习了第十一章 css简介
知识点：css的引入方式
1.外部样式表：在HTML中用<head>标签中使用link标签来引用
语法：<link rel=“stylesheet” type=“text/css”href=“文件路径”/>
2.内部样式表：把HTML代码和css代码放在同一个HTML文件中
css代码放在style标签内部，style标签放在head内
语法：<style type=“text/css”></style>
3.行内样式表：在body内
语法：<style>
4.内部样式表和行内样式表对比：效果一样，但是行内样式表可读性和可维护性非常差。
2023.11.13
今天学习了第十二章 css选择器
id相当于身份证，class相当于姓名
id在同一文件中不可重复出现。具有唯一性
class可以重复出现
知识点：1.元素选择器：选中元素
语法：
div{width:100px;height;100px;}
div代表元素符号，也可以是span，p等
2.id选择器：选中id名
语法 ：
#id名称{width：100px；height=100px;}
body标签内{div id="id名称"}</div>
3.class选择器
语法：
(英文句号).class名称{width:100px;heigh=100px;}
4.后代选择器
语法:
#father div{}
<div id="father">
5.群组选择器：用英文逗号隔开
div,p{color;red;}
2023.11.14
今天学习了第十三章 字体样式
知识点:1.通过font-来控制字体类型，大小，粗细，风格
2.颜色控制，直接采用color即可
2023,11,15
今天学习了第十四章 文本样式
知识点：1.首行缩进：text-indent：像素值；
技巧：text-indent是font-size的两倍
2.水平对齐：text-align
3.文本修饰：text-decoration可以定义文本的下划线，去划线，中划线和上划线
4.行高：line-height：像素值
5.字距：letter-spacing表示字间距，word-spacing表示词间距，用px。
2023.11.16
今天学习了第十五章 边框样式
知识点：1.要定义一个边框，必须要有border-width，border-style，border-color三个属性
可以为img图加上边框
2.简写形式：border：width style color；
3.局部样式：上下左右边框单独设置，例如上边框border-top-width
2023.11.17
今天学习了第十六章 列表样式
知识点:1.定义列表项目符号：list-style-type：取值
去除项目符号用list-style-type：none
2.列表项图片：list-style-image：url（图片路径）；
3.a:link{color：颜色；}更改超链接未点时的颜色
a:visited{color：颜色；}更改超链接已点后的颜色
2023.11.17
今天学习了第十七章 表格样式、第十八章 图片样式、第十九章 背景样式、第二十章 超链接样式
知识点：1.表格标题位置 caption-side：bottom或top
表格边框合并：border-collapse：separate（边框分开，有空隙）或collapse（边框合并，无空隙）
表格边框间距：border-spacing：像素值
2.图片大小：width：像素值；height:像素值；
图片边框：border：宽度 实虚线 颜色；
图片水平对齐：text-align：left center right
图片垂直对齐：vertical-align：top middle baseline（基线对齐） bottom
文字环绕：float：取值（left或right）
3.背景颜色：background-color：颜色；color：颜色（文字颜色）
背景图片样式：background-image：url（图片路径）需要给定div元素的宽度和高度
背景图片重复：background-repeat：repeat（同时平铺 默认）repeat-x（x轴方向重复）repeat-y（y轴方向重复）no-repeat（不重复平铺）
背景图片位置：background-position：水平距离（左）垂直距离（上）或关键字
背景图片固定：background-attachment：scroll（跟元素一起滚动）或fixed（固定不动）
4.超链接样式：a：link（未访问）
a:visited（已访问）
a:hover（鼠标经过）
a:active(鼠标激活过）
鼠标样式：cursor：取值
自定义：url（图片地址），属性；
2023.11.18
今天学习了第二十一章 盒子模型、第二十二章 浮动布局、第二十三章 定位布局
知识点：1.content：内容 padding：内边距，元素内部 margin：外边距，元素间的关系 border：边框，元素的边框
2.content：盒子模型的核心，width height overflow（只有块元素可以设置，行内元素不可以）
3.padding：内边距，指内容区和边框之间的空间，padding-top，padding-bottom，padding-left，padding-right
简写形式：padding：像素值（到四个方向的页边距相同）
padding：像素值1 像素值2；（到padding-top的值和padding-bottom的值均为像素1，到padding-left和padding-right的值均为像素2）
padding：像素值1 像素值2 像素值3 像素值4（顺时针记忆）
4.border：元素边框
5.margin：外边框
只有父元素没有兄弟元素，在son元素中设置像素值，求元素到父元素的外边距
有父元素和兄弟元素时在，在son元素中设置，某方向中有兄弟元素则考虑到兄弟元素的像素值，没有则相对于父元素
简写形式与padding一样
6.浮动布局：块元素单独一行，行内元素依次排列
浮动：float：left或right
清除浮动：clear：left或right或both
7.定位布局：position：relative（相对于原位置进行布局）与浮动布局相结合
扫一扫
7394
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
