- 博客(15)
- 收藏
- 关注
RSS订阅原创 【无标题】
并且同一组单选按钮中各个选项中的 name 属性值必须一样。一个页面上的表单可能不止一个，为了区分这些表单，就需要name 属性给表单命名，通常与id属性值相同。其中：get 是默认值，表单中的数据被传送到action 属性指定的URL，然后这个新的URL 被传送到处理程序上。resrt：重置按钮，value 属性的取值就是显示在按钮上的文字，单击可清除用户在页面当前表单中输入的信息。submit： 提交按钮，value 属性的取值就是显示在按钮上的文字，实现将表单内容提交给服务处理。
2023-02-24 17:23:01
51
原创 盒模型 和 怪异盒模型
content ------------> 内容,元素的宽高。盒子的宽度=内容宽（显示内容宽+左右内边距+左右边框宽）+左右外边距。盒子的高度=内容高（显示内容高+上下内边距+上下边框宽）+上下外边距。盒子的宽度=内容宽+左右内边距+左右边框宽+左右外边距。盒子的高度=内容高+上下内边距+上下边框高+上下外边距。border -------------> 边框。margin --------------> 外边距。padding ------------> 内边距。
2023-02-24 17:16:59
86
原创 【无标题】
所谓精灵图就是在一张图片上有很多小的不同的图片，我们利用background-postion在一个小的元素上，显示不同的图标，这种效果就叫精灵图。left指的时0% center是50% right是100%，同理top center bottom也是。背景图是一个装饰,作为替代背景色的一种装饰，一般我们把图标用背景图展示。background-position: x的值 y轴的值;当我们定义图片的位置时，如果时固定值，则指图片左上角的位置。我们可以通过修改图片位置，来实现对应显示不同图片的内容效果。
2022-12-09 11:03:57
52
原创 复合选择器
定义：后代选择器又称为包含选择器，可以选择父元素里面的子元素。定义：子元素选择器只能选择作为某元素的最近一级子元素，简单理解就是选亲儿子元素。焦点就是光标，一般情况类表单元素才能获取，因此这个选择器也主要针对表单元素来说。元素1 是父级，元素2 是子级，最终选择的是元素2。元素1 是父级，元素2 是子级，最终选择的是元素2。2. 元素1>元素2 {2. 元素1 元素2 {元素1 和 元素2 中间用大于号隔开。元素1 和 元素2 中间用逗号隔开。3. 元素2 {
2022-12-09 11:01:23
57
原创 图片下间隙问题
*4、为img标签设置垂直对齐方式 img{vertical-align：不为默认值 baseline}* *2、给img的父元素设置font-size：0；或者 line-height：0； *3、给img标签转换为块级标签 display：block;图片下间隙出现的原因： 父元素没有设置高度，由图片撑开，就是有间隙* *1、给img的父元素设置高度，高度和图片的高一致； *方法：*
2022-11-08 20:14:44
114
原创 什么是盒子模型
2、边框的样式：语法：border-style：solid(实线) dashed(虚线) dotted(点状线) double(双实线) noen(无边框)包括：实际内容(width、height)+内填充(padding)+边框(border)+外间距(margin)组成的。1、边框的宽度：语法：border-width：0 0 0 2px （上 右 下 左）边框是围绕内容和margin之间的一条或多条线 broder：边框的宽度、样式和颜色。3、边框的颜色：语法：border-color：red。
2022-11-08 20:12:44
69
原创 CSS字体 ，文本属性
](D:/web/2021/2021一阶段资料/day03/笔记/media/day03_08.png)/*font-family:"宋体","微软雅黑";*//*与上一个相比产生的效果不同，谁在前使用哪一个*/红色： rgb(255,0,0) 、绿色： rgb(0,255,0) 、蓝色： rgb(0,0,255)- 白色： rgb(255,255,255) 、黑色 : rgb(0,0,0)/*font-family:"微软雅黑","宋体";font-family:"微软雅黑abc","宋体";
2022-11-07 20:07:39
55
原创 文本的属性
语法： rgb(r,g,b) 0-255之间。rgb颜色表示方法： r红色 g 绿色 b 蓝色。none 默认值 去掉文本装饰线。line-through 中划线。颜色名称： red 、pink。underline 下划线。语法：#rrggbb。left 居左对齐 默认值。justify 两端对齐。overline 上划线。center 居中对齐。right 局右对齐。注意：适用于块级元素。作用：设置文本水平对齐方式。作用：设置文本的首行缩进。作用：设置文本装饰线。
2022-11-07 20:02:52
120
原创 字体属性用法
属性值可以是：uppercase（单词大写）、lowercase（单词小写）、capitalize（每个单词的首字母大写）在设置字体是否加粗时，属性值既可以填写normal、bold这样的加粗字体，也可以直接填写 100至900 这样的数字。是否加粗属性以及上面这三个属性，可以连写：（是否加粗、字号 font-size、行高 line-height、字体 font-family）上面这几个属性可以连写，但是有一个要求，font属性连写至少要有字号和字体，否则连写是不生效的（相当于没有这一行代码）。
2022-11-07 20:01:37
698
原创 初始css
在href内部使用link标签引入刚才新建的css文件。单个html文档需要设置特定样式时。创建一个新的文件，新文件的后缀名.css。相对于行间样式，代码可以复用。作用范围大于行间样式的范围。具体的css写在css文件中。rel 表示引入文件与当前文档的关系、层叠样式表。2、便与代码修改与维护。作用：设置页面中元素的位置。缺点：相同的样式需要重复定义，造成代码冗余;3、结构样式彻底分离。注意：然后HTML标签都可以设置行间样式，层叠样式表、css样式表、级联样式表。主要由两部分组成：选择器、样式声明。
2022-11-03 19:40:58
46
原创 img图片和路径用途
指的是由这个文件所在的位置为参考基础，而建立出的目录关系，常用的描述路径的方法：当前目录、上一级目录、下一级目录。注意：在链接到同一个网站的其他位置时，应该尽可能使用相对路径，链接到另外一个网站时，需要使用绝对路径。作用：当鼠标悬停在图片上，鼠标的右下角出现对应的文字，对图片进行解释说明，有利于用户体验。作用：用来指定替换的文本，当图片加载失败显示改文字对图像进行替换，有利于用户体验。路径：images文件夹存放图片，找图片是，急需要通过路径来描述图片文件的位置。作用：用于指定图片的宽度/高度。
2022-11-03 08:30:58
1410
原创 自定义列表
dl 自带外间距（上下）、dd 自带左边的外边距。用于将一组项目及相关的描述进行分组列表。注意事项：允许使用多条项目的定义和描述。语义：对专业名词进行定义和描述的列表。dd 自定义列表的注释（解释、描述）dl 定义自定义列表。
2022-11-02 16:42:05
87
1
原创 有序列表和无序列表
注意：type属性不常用，通常用css属性进行代替。语义：用于奖没有数字顺序的一组内容或数据进行分组。语义：用于将有有数字顺序的一组数据或内容进行分组。默认间距（上下外边距、左外内边距）默认有间距（上外间距、左边内填充）none--取消前面的列表符。circle--空心圆。square--正方形。tupe属性--ul。
2022-11-02 16:41:03
170
原创 html基础（1）
head> 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 文档包含了HTML 标签及文本内容。 元素是 HTML 页面的根元素。 元素描述了文档的标题。
2022-11-02 08:33:00
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人