伪元素选择器属性介绍 ?伪元素主要作用就是操作元素的文本和添加内容 ?伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中的第一行字 X::before 在X元素最前面添加内容。 X::after 在X元素最后面添加内容。 fi ...
分类:
Web程序 时间:
2020-01-11 18:20:56
阅读次数:
94
一、新增选择器 结构伪类选择器 :root——根选择器 :nth child(an+b)——子元素选择器。下标是a的倍数,偏移b个的子元素,n从0计数。odd奇数,even偶数。 :nth last child(n)——倒数第n个 :last child——最后一个 :only child——属于其 ...
分类:
Web程序 时间:
2020-01-07 19:39:02
阅读次数:
106
语法: 下面就把CSS3标准中nth-child()用法大致介绍给大家: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法。 第一种:简单数字序号写法 :nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。 例 ...
分类:
Web程序 时间:
2020-01-07 13:14:22
阅读次数:
1000
一、HTML关联样式方式 (1)link标签引入 (2)style标签里编写 (3)在style里用@import引入 (4)内联样式——在标签的style属性里编写 二、选择器 1、类型 (1)元素选择器(可分组) 如:div,img,h1{color:red;} (2)类选择器(.) 按照cla ...
分类:
Web程序 时间:
2020-01-06 13:00:15
阅读次数:
83
原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) ... ...
分类:
Web程序 时间:
2020-01-06 09:15:36
阅读次数:
85
1.first-of-type:第一个eg:选中了 div里的第一个p,以及div之外的第一个p. 2.last-of-type(最后一个) 外国人从0开始计数 3.nth-of-type(number) 从上向下数 eg: nth-of-type(1) 选中第二个 4.ntn-last-of-ty ...
分类:
其他好文 时间:
2020-01-04 18:44:55
阅读次数:
99
类 id 元素选择器 伪类选择器 伪元素选择器 属性选择器 css ^开始 $结尾 包含 E[att] E[att="val"] E[att^="val"] E[att$="val"] E[att ="val"] 包含val并用空格分隔 E[att~="val"] 以val开头并用连接符" "分隔 ...
分类:
Web程序 时间:
2020-01-04 01:41:20
阅读次数:
148
id选择器 #abc {} 类选择器 .abc {} 标签选择器--所有div标签 div {} 交集选择器--类为abc的p标签 p.abc {} 并集选择器--p标签和abc类 p,.abc {} 伪类选择器--div的onhover事件 div:hover {} 伪元素选择器--div开头加上 ...
分类:
Web程序 时间:
2019-12-30 19:26:00
阅读次数:
72
css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url(“*.css”);使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> ...
分类:
Web程序 时间:
2019-12-29 00:58:35
阅读次数:
117
后段框架 表单标签: form表单: 关键性属性: action 控制的数据的提交路径: 1.不写: 默认朝当前页面所在的地址提交 2.全路径: 3.后缀:(/index/) methon: 控制提交方式 form表单默认是get请求 methon='get' 也可以指定post请求 methon= ...
分类:
其他好文 时间:
2019-12-27 16:44:36
阅读次数:
127