自定义博客皮肤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)
  • 收藏
  • 关注

原创 选择器权重、文本样式、列表总结、边框总结、背景颜色

权重: 标签选择符(元素选择器)的权重为 1 class选择符(类选择器)的权重为 1 id选择符的权重为 100 伪类选择符的权重为 10 如 :link :visited...... 包含选择符的权重:为包含选择符的权重之和 @important权重最终 继承权重为0文本字体: 文本大小:font-size:px/em/pt/rem 网页中默认的为16px,最小为...

2021-12-11 20:57:01 235

原创 HTML5定位

一.Postion:fixed 固定定位参照物为浏览器当前窗口/视口 如果宽度为%则为参照物的% 不设置宽度会根据内容给撑开,float也是如此。 可以给行内标签设置宽高 完全脱离文档流 可以覆盖内容 依靠偏移量 设置自身的位置(left/right/top/bottom) 适用于小广告,参照千锋页面二.Postion:sticky 粘性定位应用:工商银行导航栏 当前面的高度大于top后面的属性值时,他会随着界面滚动,直到前面的高度等同于top属性值为止,后面会执行固定定位。粘.

2021-12-11 20:55:51 317

原创 表格 表单属性

一.1.max最大值 min最小值 step数字间隔<input type=”number” max=”” min=”” step=””>2.multiple控制多文件上传或者url,email <input type=”file” multiple>3.pattern加正则表达式验证4.list配合datalist属性一块使用<input type=”” list=”xx_list”><datalist id=”应该跟list属性一致”>

2021-12-11 20:54:25 92

原创 表格 表单属性

一.1.max最大值 min最小值 step数字间隔<input type=”number” max=”” min=”” step=””>2.multiple控制多文件上传或者url,email <input type=”file” multiple>3.pattern加正则表达式验证4.list配合datalist属性一块使用<input type=”” list=”xx_list”><datalist id=”应该跟list属性一致”>

2021-12-11 19:55:48 486

原创 高度塌陷、表格样式

一.当页面加载内容过多时会影响网页的打开速度,<thead><tbody><tfoot>会分担页面的加载压力二.Colgroup 从上一个基础上占有span列列数<colgroup span=”列数”>如果加了细化的col 默认的下一个不再是从colgroup属性值之后,而是col之后也可以单独去使用三.组分割线<table rules=”rows行/cols列/none默认/groups 根据colgroup”>四.Css

2021-12-11 19:54:42 121

原创 继承、高度塌陷、BFC、行内设置宽高、居中

一.无继承性的属性:1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-st

2021-12-11 19:53:26 107

原创 H5新增语义标签

作用:iframe是用来在网页中插入第三方页面,早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分,这样在切换页面的时候避免重复下载。语法:<iframe src="规定在 iframe 中显示的文档的 URL(默认的显示页面)" width="" height="" frameborder="1/0" name="iframe名称" scrolling="yes/no/auto"> </iframe>frameborder="1/0" 1代表有框架边框 /0代表

2021-12-11 19:50:40 308

原创 考试答题系统模板html和css

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D...

2021-12-11 19:46:38 1589

原创 选择器、css3新增属性、矢量图标使用

层级选择器E>F F必须为E的子代元素E+F F是挨着E的下一个兄弟元素E~F F是E后面的所有的兄弟元素E F F是E的后代【可以是儿子也可以是孙子】延申跟hover一起使用:下拉列表 eg:li:hover>.wap/li:hover+.wap/li:hover~wap属性选择器[type] 含type属性inpu[type]input[type="value"]含有type属性,并且属性值等于valueinput[type~="value"]含有type属性 丙炔属性

2021-12-11 19:31:12 621

空空如也

空空如也

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

TA关注的人

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