form加边框_怎么给form设置背景

2024年 8月 9日上午10:20 • 激活谷笔记

from表单、css选择器、css组合器、字体样式、背景属性、边框设置、display设置　　目录一、form表单1.form表单功能2.表单使用原理二、前端基础之css1.关于css的介绍2.css语法3.三种编写CSS的方式3.1.style内部直接编写css代码3.2.link标签引入外部css文件3.3.标签内直接书写4.css四个基本选择器(标签选择器、类选择器、id选择器、通用选择器)5.css组合器(重点)5.1.后代选择器(特征为空格)空格的意思就是后代5.2.儿子选择器(特征>)5.3.毗邻选择器(特征为+)5.4.弟弟选择器(特征为~)6.css属性选择器6.1.查找属性名含有name的标签6.2.查找属性名含有name并且值是username的标签6.2.查找input标签并且属性名含有name值是username的7.css选择器之分组与嵌套7.1.当多个选择器查找到的标签需要调整相同的样式，那么可以合并7.2.并且合并的选择器彼此不干扰也没有类型的限制7.3.不并列同样可以使用组合选择器7.4.还可以在选择器基础之上添加额外的选择使得查找更精确8.css选择器之伪类选择器8.1.:hover(鼠标悬浮在上面会发送变化）8.2.:focus(聚焦状态）8.3.:link(未访问状态）8.4.:active(选定的链接）8.5.:visited(以访问的状态）9.css选择器之伪素选择器(first-letter、before、after)10.css选择器优先级10.1.相同选择器不同导入方式(相同距离优先)10.2.不同选择器不遵循就近原则>>>:优先级10.3.!important11.字体样式12.背景属性背景颜色背景图片背景重复图片的位置如何实时修改图片位置13.边框设置14.display属性用于控制HTML素的显示效果隐藏标签　　一、form表单　　1.form表单功能　　
2.表单使用原理　　input输入的标签两大重要的属性工作原理　　编写input解释器会出现黄色阴影问题　　
　　用户输入的标签如果不是让用户自己写而是选择那么标签需要自己写value 　　针对radio和checkbox可以默认选中　　
　　针对option标签也可以默认选中　　
　　完整注册页面　　
　　二、前端基础之css 　　1.关于css的介绍　　2.css语法　　
3.三种编写CSS的方式　　3.1.style内部直接编写css代码　　3.2.link标签引入外部css文件　　3.3.标签内直接书写　　4.css四个基本选择器(标签选择器、类选择器、id选择器、通用选择器) 　　因为同一个页面上有很多相似的标签并且这些标签在不同的位置有不同的样式所以为了能够区分我们肯定先需要学习如何查找指定的标签　　
　　
　　
　　
5.css组合器(重点) 　　为了区分嵌套标签之间的关系，我们发明了一种称呼　　5.1.后代选择器(特征为空格)空格的意思就是后代　　
5.2.儿子选择器(特征>) 　　
5.3.毗邻选择器(特征为+) 　　
5.4.弟弟选择器(特征为~) 　　
6.css属性选择器　　6.1.查找属性名含有name的标签　　
6.2.查找属性名含有name并且值是username的标签　　
6.2.查找input标签并且属性名含有name值是username的　　
7.css选择器之分组与嵌套 7.1.当多个选择器查找到的标签需要调整相同的样式，那么可以合并　　7.2.并且合并的选择器彼此不干扰也没有类型的限制　　7.3.不并列同样可以使用组合选择器　　7.4.还可以在选择器基础之上添加额外的选择使得查找更精确　　8.css选择器之伪类选择器　　8.1.:hover(鼠标悬浮在上面会发送变化）　　
8.2.:focus(聚焦状态）　　
8.3.:link(未访问状态）　　
8.4.:active(选定的链接）　　
8.5.:visited(以访问的状态）　　
9.css选择器之伪素选择器(first-letter、before、after) 　　伪素选择器可以用在解决标签浮动所带来的的负面影响也可以用来做数据的防爬　　
10.css选择器优先级 10.1.相同选择器不同导入方式(相同距离优先) 　　10.2.不同选择器不遵循就近原则>>>:优先级　　10.3.!important 　　
　　11.字体样式　　高度和宽度　　字体大小　　字重　　
　　文本颜色　　文字属性　　12.背景属性背景颜色　　
背景图片　　
背景重复　　repeat(默认):背景图片平铺排满整个网页　　repeat-x：背景图片只在水平方向上平铺　　repeat-y：背景图片只在垂直方向上平铺　　no-repeat：背景图片不平铺　　
图片的位置　　指定位置　　左右上下居中　　多个属性名前缀相同那么可以简写　　如何实时修改图片位置　　浏览器找到标签的css代码然后方向键上下按住即可动态调整　　
13.边框设置　　border属性　　边框样式　　
　　border-raduis属性　　14.display属性用于控制HTML素的显示效果　　
　　
隐藏标签　　

form加边框_怎么给form设置背景

相关推荐