前端刷题记录

最新推荐文章于 2024-09-13 23:32:49 发布

pqxpq

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量420

点赞数

分类专栏：前端刷题记录文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_52563729/article/details/127546252

版权

前端刷题记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

password

<input type="password" value="nowcoder"></input>

这里我们设施了密码框，默认值是newcoder

checkbox

通过点击文字，来实现点击响应的checkbox

from是表单，table

<form name="ballForm" id="formId">
	<input type="checkbox" name="ball" value="basketball" id="1" checked="checked"/><label for="1">篮球</label>
	<input type="checkbox" name="ball" value="football" id="2"/><label for="2">足球</label>
	<input type="checkbox" name="ball" value="volleyball" id="3"/><label for="3">排球</label>
	<input type="checkbox" name="ball" value="badminton" id="4"/><label for="4">乒乓球</label>
</form>

<input type="" name="" value="" disabled="none" checked="checked" />

type：代表input的类型，值为checkbox则代表是多选框。
name：设置返回checkbox的名称，也就是说要想我们选中的选项能一起通过form提交，则必须声明为name相同。
value：设置或返回checkbox的value属性的值，我们在提交form表单的时候value代表我们选中的那个checkbox的值。
checked：设置或返回checkbox是否被选中。
disabled：设置或返回checkbox是否应被禁用。

在这里插入图片描述

注意点
1.img是单标签，需要自结束符
2.我们属性之间的符号是空格而不是，

<a herf="#" target="_blank">   </a>
<!--href 属性代表你想要把超链接连接到那个位置 ，#为空-->
<!-- target 属性用来规定在何处打开链接文档 -->
<!-- _blank 这个属性是在你点击后使用新窗口打开-->

在这里插入图片描述

自定义列表的结构为dl包裹dt包裹dd

dl是自定义列表的整体，用于包裹dt和dd

dt是表示自定义列表的主题

dd是表示针对自定义列表主题的每一项内容

strong!!加粗

在这里插入图片描述

常见属性名有：src、controls、autoplay、loop

src:媒体文件路径

controls:在网页内显示音频控件

autoplay:打开网页时自动播放媒体文件

loop:循环的英文、就是循环播放

类，标签，id选择器

标签 标签{     }

 类 .类{  } 

id选择器 #id名称{      }

伪类选择器

在css中可以通过伪类选择器:nth-child(n)匹配属于其父元素的第n个子元素，不论元素类型，n可以是数字、关键词、或公式。关键词odd和even是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。

li:nth-child(even){
    background-color:rgb(255,0,0)
}

伪元素

在这里插入图片描述

1.div::after表示在div元素后插入内容。

2.在元素上，content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为
‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’不会生成伪元素。所以:before和:after才需要指定一个看似无意义的 content: “”; 来初始化content的值。

3.题目规定了宽高，为了使宽高设置有效又必须显式定义该伪元素为块级元素，也就是语句 display:block

画圆

首页他说的是半径是50px 那么他的高和宽就都为100px

在这里插入图片描述
border-radius仅设置一个值时，可以同时给元素的四个边角统一设值。当使用px作为单位来表示圆角值的时候，可以理解为以某个px为半径的圆被紧贴靠在某个边角上所呈现的弧度。首先设置div元素标签的宽度、高度都为100px，border-radius为50px，此时四个圆角都是半径为50px圆的四分之一圆弧，合起来即为一个半径为50px的整圆。