自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 表单常用总结

form自带属性 action提交地址 method提交方式(有get和post两种方式)get提交(输入的所有信息会在地址栏显示)post提交(不会在地址栏显示)单行文本输入框 文本框 用id和for建立关联(label的for值和input的id值相同)密码框 选择按钮(两个选择按钮有相同的name则只能选择其一)placeholder 属性名 给输入框添加提示信息(value会提交服务器;需要用户自己删除, plac

2020-06-27 22:44:57 107

原创 选择器及常用伪类、伪元素选择器

基础选择器元素选择器(标签名)、类选择器(*)、ID选择器(#)结构选择器子代选择器 、 后代选择器兄弟选择器 兄弟元素A+兄弟元素B(AB之间不能有其它元素)通用选择器 兄弟元素A~兄弟元素B(A之后的所有兄弟元素B)属性选择器元素[属性名=“属性值”][属性名=“属性值”]选中全部有此属性的元素选中以xxx开始 元素[属性名^=“xxx”]选中以xxx结束 元素[属性名$=“xxx”]指定属性中包含xxx 元素[属性名=“xxx”]另一种简写的

2020-06-27 22:38:48 250

原创 SASS 预处理器

通常为了更加方便的编写客户端代码,一般我们会使用预处理器,现目前koala还算是比较火的独立编译器。使用预处理器,会很大程度上降低我们的代码编写量,浏览器的兼容性问题是一直存在的,通常我们会采用css重置技术和加前缀这两种方式,为了解决浏览器兼容性问题,一般我们会写很多行相同的代码,而预处理器就很好的解决了这一点,它会自动生成多种浏览器内核的前缀如果不想安装独立的编译器,那安装VsCode里的预处理器插件就是一个很好的选择,在VsCode里搜索插件live sass,启动插件,新建一个后缀名scss的文

2020-05-31 22:16:19 204

原创 Web前端自定义input按钮样式

Web前端自定义input按钮样式在html中一般我们定义一个< input type=“raddio” > 是自带样式的但是我们有些时候会需要更改他的样式一般我们会采用使用一个伪元素选择器,在::before,在label前插入一个新的元素::before,相当于label下的第一个子元素在选择器里一定要写content:"",否则浏览器不会展示该元素,而定义display,主要是设置该元素的盒子类型,设置成block则为块盒,可以为元素设置宽高,但是会换行,设置成inline

2020-05-24 17:17:39 5549

空空如也

空空如也

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

TA关注的人

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