自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 HTML&CSS-09 初识css

CSS (Cascading Style Sheets) 层叠样式表,是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户。HTML和CSS之间的关系?HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。

2023-10-31 20:52:05 39 1

原创 HTML&CSS-08 h5新增表单元素

input type="tel" pattern="1[1-9]{10}" placeholder="请输入电话号码">max代表进度条总值,value="70"代表进度条到达的部分,也就是上图蓝色部分。滑块是可以拖动的min="0" max="100"代表滑块可以拖动的最小和最大值。电话的规则需要我们自己制定,例如:pattern="1[1-9]{10}"对电子邮件进行校验,不正确就会触发提醒。也就是这个表单必须要填入的否则无法提交,,打开页面光标就会显示在这个输入栏中。没有填写提交就会触发提醒。

2023-10-24 15:27:51 55

原创 HTML&CSS-07表单

但是,默认情况下单选框不会互斥, 要想单选框互斥那么必须给每一个单选框标签都设置一个name属性, 然后name属性还必须设置相同的值。2.label for 属性和表单的id属性一致,将文中写在label属性里。-- name="gender" value="男" 达到互斥效果 -->-- 所有表单元素都要写在表单标签中,action 是表单提交的服务器地址-->

2023-10-20 20:39:15 119 1

原创 HTML&CSS-06表格标签

由于把某一个单元格当做了多个单元格来看待, 所以就会多出一些单元格, 所以需要删掉一些单元格才能正常显示.td标签代表表格中一行中的一个单元格, 也就是说一对td标签就是一行中的一个单元格。tr标签代表整个表格中的一行数据, 也就是说一对tr标签就是表格中的一行。就是指,在11的这个单元格跨了 11 12 13三个单元格,是一个跨列合并。这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框。valign 单元格内容的垂直方向的对齐方式。表格的宽度和高度默认是按照内容的尺寸来调整的。

2023-10-20 19:01:28 52 1

原创 HTML&CSS-05列表标签

dl(定义列表) dt(定义列表标题) dd(定义内容)教室1班级1班级2教室2班级1班级2

2023-10-19 18:57:04 42

原创 HTML&CSS-04基础标签

figure元素所表示的内容可以是图片,统计图或代码示例,也可以是音频插件,视频插件,统计表格等。: audio标签的使用和video标签的使用基本一样, video中能够使用的属性,在audio标签中大部分都能够使用, 并且功能都一样。div是一个无语义的标签,就是一个纯粹的块元素,并且不会为它里边的元素设置任何的默认样式,div元素主要用来进行页面基本结构的搭建。代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容,也可以嵌套使用。

2023-10-18 20:28:39 60

原创 HTML&CSS-03块级元素和行内元素认识

而且我们设置了行内元素的外边距,也看到,经过运行发现两个行内元素确实分隔开,但是通过比较上下边距仍然紧贴,所以特点4验证成功。不难看出,在样式中我们设置了span 调整了行内元素的宽高,但是浏览器显示仍然是“64*17.6”没有变化,则特点3,例 html body div p h1-h6 ...这里可以看到块元素一个占据一行,高宽可以用css设置。4.设置的上下外边距不会生效,左右外边距生效。3.通过css设置宽高不会生效。这里可以看到行内元素一共占据一行。2.宽度默认100%

2023-10-18 17:04:43 58 1

原创 HTML&CSS-02基础语法

在 HTML&CSS-01 刚开始我们就谈到注释,html中只有一种注释,即--注释内容-->,随时记录编程思路,方便阅读并且在后续修改也可以帮到自己。利用“ ctrl+/ ”2.元素(指仅有一个标签)单标签 自结束标签例如 、、(由开始标签和结束标签组成)开始标签 元素内容 结束标签例如 当然,标签也可以进行嵌套使用,即可以将一个标签写入到另外一个标签内。

2023-10-18 16:15:14 56 1

原创 HTML&CSS-01初识html

它不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

2023-10-18 15:03:54 85 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除