- 博客(9)
- 收藏
- 关注
RSS订阅原创 选择器权重、文本样式、列表总结、边框总结、背景颜色
权重: 标签选择符（元素选择器）的权重为 1 class选择符(类选择器)的权重为 1 id选择符的权重为 100 伪类选择符的权重为 10 如 :link :visited...... 包含选择符的权重：为包含选择符的权重之和 @important权重最终 继承权重为0 文本字体: 文本大小:font-size:px/em/pt/rem 网页中默认的为16px，最小为...
2021-12-11 20:57:01
302
原创 HTML5定位
一．Postion:fixed 固定定位 参照物为浏览器当前窗口/视口 如果宽度为%则为参照物的% 不设置宽度会根据内容给撑开,float也是如此。 可以给行内标签设置宽高 完全脱离文档流 可以覆盖内容 依靠偏移量 设置自身的位置(left/right/top/bottom) 适用于小广告,参照千锋页面 二．Postion:sticky 粘性定位 应用:工商银行导航栏 当前面的高度大于top后面的属性值时,他会随着界面滚动,直到前面的 高度等同于top属性值为止,后面会执行固定定位。 粘.
2021-12-11 20:55:51
399
原创 表格 表单属性
一．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
150
原创 表格 表单属性
一．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
552
原创 高度塌陷、表格样式
一．当页面加载内容过多时会影响网页的打开速度，<thead><tbody><tfoot>会分担页面的加载压力 二．Colgroup 从上一个基础上占有span列列数<colgroup span=”列数”> 如果加了细化的col 默认的下一个不再是从colgroup属性值之后，而是col之后 也可以单独去使用 三．组分割线 <table rules=”rows行/cols列/none默认/groups 根据colgroup”> 四．Css
2021-12-11 19:54:42
191
原创 继承、高度塌陷、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
150
原创 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
372
原创 考试答题系统模板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
2209
原创 选择器、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属性，并且属性值等于value input[type~="value"]含有type属性 丙炔属性
2021-12-11 19:31:12
763
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人