- 博客(26)
- 收藏
- 关注
原创 表单和form标签
1、概述 表单的作用:用于搜集不同类型的用户输入。 表单的组成:表单元素(控件)、表单区域。 2、表单区域 1 form标签 - 语法: ```css <form></form> ``` - 作用: 定义 HTML 表单域,是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明:比如最为常见的交互操作,注册会员、跟帖留言或者文章发布等 - 注意: form表单实现上述操作是最为常见方式之一,也可以使用其他方式,比如ajax等 3、表单元素 表单元素是允许用户
2022-10-07 20:58:43
197
原创 Css精灵
概述: CSS精灵英文叫法 css sprites,通常被解释为〞CSS图像拼合”或“CSS 贴图定位”,其实就是把网页中一些背景图片整合到一张图片文件 中,再利用 CSS "background-image", "background- repeat, 确的定位出背景图片的位置。 "background-position^的组合进行背景定位,background-position 精确定位出背景图片的位置 2.1 精灵图的原理 2.实现步骤 通常要限定容器大小 图片拼合
2022-09-28 20:51:49
256
原创 Css浮动
float 属性 f1oat 属性用于定位和格式化内容,例如让图像向左浮动到容器中的文本那里。 float 属性可以没置以下値之ー: 使用 clear 属性的最常见用法是在元素上使用了float属性之后。 在清除浮动时,应该对清除与浮动进行匹配:如果某个元素浮动到左侧,则应清除左侧。您的浮动元素会继续浮动,但是被清除的元素将品示在其下方。 下例将清除向左的浮动。表示在(div 的)左侧不允许出现浮动元素: 实例 div { clear: left; } left一元素浮动到其容器
2022-09-26 21:14:45
95
原创 CSS选择器
1. 后代选择器🍇 概念:后代选择器又称为包含选择器。 作用:用来选择元素或元素组的子孙后代。 其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。 格式:父级 子级{属性:属性值;属性:属性值;} 语法:.class h3{color:red;font-size:16px;} 当标签发生嵌套时,内层标签就成为外层标签的后代。 子孙后代都可以这么选择。 或者说,它能选择任何包含在内 的标签。 2. 子元素选择器 作用:子元素选择器只能选择
2022-09-22 21:36:26
145
原创 CSS
CSS文字属性 1.字体:css使用font-family属性来定义文本的字体类型 2.文字大小:CSS使用font-size属性定义文字大小 3.字体粗细:CSS使用font-weigh属性设置文本字体的粗细,与strong相比,更加提倡在标签中加strong 4.文字样式:CSS使用font-style属性设置文本风格 5.文字的复合属性:可以把文字样式综合来写,可以节约代码 CSS文本属性 1.文本颜色:color属性用于定义文本的颜色 2.对齐文本:text-align属性用于设置元素内文本内容的水
2022-09-20 20:49:39
111
原创 HTML表格
1、 表格简介🍅 表格由table 标签来定义。 每个表格均有若干行(由tr标签定义),每行被分割为若干单元格(由td标签定义) 2、表格的作用 之前;web开发人员过去也常常使用表格来完成整个网页布局,结构嵌套复杂修改维护困难,现在已经被DlV+CSS布局所取代。 现在,用于显示. 展示数据。(能够简捷迅速地查找或早现不同类型的数据及它们之间的关系) 注意:现在HTML表格应该用于展现表格数据,而不是用来实现网页布局! 3表格基本标签 5. 表格结构标签 table 语法
2022-09-19 19:31:51
332
原创 超链接和锚点链接
链接的类型🍎 空链接 描述:如果当时没有确定链接的目标时使用空链 <a href="'#”>商品</a> 外部链接 描述:链接到站外其他 网站的链接(绝对地址h) 内部链接(相对地址) 描述:网站内部页面之间的相互链接。直接链接内部页面的名称 <a href="index.html">首页</a> 下载链接 代码演示 描述:如果href里面的地址是一个文件或压缩包,会下载这个文件。 锚点链接 描述:当我们点击锚点链接时,可
2022-09-17 16:40:20
379
原创 html列表
1.无序列表🍑 没有序列的一组内容。 语法: <ul> <li>苹果</1i><1i>香蕉</1i> </ul> (②)语义 无序列表,用于将没有数字顺序的一组数据或内容进行分组。 (3默认样式(演示) 默认间距(外边距、内边距) 列表样式:实心圆 (4)典型应用 (5)type属性 <ul type="'square"> <1i>苹果</1i> <1i
2022-09-17 11:16:37
98
原创 HTML学习分享
🍊什么是HTML? Hyper Text Mark-up Language:超文本标记语言 超文本:不仅可以书写文字,还包括:图片、音频、视频、超链接等等。 标记语言:是由一套标记标签组成。 标记:构成网页的基本单位 标签:由尖括号括起来的关键词 双标签:<开始标签>内容</结束标签> 单标签<标签名> 注释:对代码解释和说明,不会被浏览器执行 语法:<!-- --> 快捷键:ctrl+/ shift+alt+a
2022-09-15 23:40:45
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅