1. 伪类选择器: a标签 <style> /* a标签没有被访问过时设置的样式 */ a:link{ color:green; font-size:20px; } /* a标签访问中时设置的样式 ,鼠标点击下去,还没有抬起来时*/ a:active{ color:black; } /* a标签访问 ...
分类:
Web程序 时间:
2020-06-30 22:36:26
阅读次数:
73
布局(layout),指各个元素在网页里如何摆放以形成最终的页面,默认布局是从左到右、从上到下。改变元素的默认布局方式有很多种,浮动(float)就是其中一种。 1. 浮动(float) 浮动类似于word里面文字围绕图片的效果,可设置为向左(left)或向右(right)浮动。 // 元素默认没有 ...
分类:
Web程序 时间:
2020-06-29 21:27:04
阅读次数:
85
修改滚动条样式 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式,仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。 1、CSS代码如下,.todolist-content为待修改的className .todolist-c ...
分类:
Web程序 时间:
2020-06-26 01:07:06
阅读次数:
205
ID选择器和类选择器的区别 id选择器只能网页中的一个元素使用 id》类》标签 高级 层次选择器 结构伪类选择器 属性选择器 <span>标签 作用:能让某几个文字或者某个词语凸显出来 字体样式: 属性名含义举例 font-family 设置字体类型 font-family:"隶书"; font-s ...
分类:
Web程序 时间:
2020-06-22 12:46:08
阅读次数:
102
标签选择器 语法: HTML标签名 {属性:值;} 类选择器 语法: .自定义类名 {属性:值;} 后代选择器 语法: 选择器 选择器 {属性:值;} /*标签之间必须是嵌套关系*/ 并集选择器 语法: 选择器,选择器 {属性:值;} 伪类选择器 语法: 类名:hover {属性:值;} /*鼠标指 ...
分类:
Web程序 时间:
2020-06-20 19:21:49
阅读次数:
72
一、CSS复合选择器 1.1 后代选择器 1.2 子元素选择器 1.3 交集选择器 1.4 并集选择器 1.5 链接伪类选择器 二、标签的显示模式 2.1 什么是标签的显示模式 2.2 块元素 2.3 行内元素 2.4 行内块元素 2.5 标签显示模式转换(display) 三、行高那些事儿 3.1 ...
分类:
Web程序 时间:
2020-06-19 12:05:01
阅读次数:
66
偏爱这个办法 .wrap {position: relative;text-align: center;width: 84%;margin: 15px auto;} /*CSS伪类用法*/ .wrap:after, .wrap:before {position: absolute;top: 50%; ...
分类:
Web程序 时间:
2020-06-18 10:25:19
阅读次数:
114
target作为目标伪类选择器,是css3中的新特性之一,目前已经支持所有主流浏览器,除了 IE8 及更早的版本。target伪类的主要是用于匹配文档中uri中某个标志符的目标元素,具体来说,uri中的标志通常会包含一个#,后面带有一个标志符名称,如#box_one,:target就是匹配ID为"b ...
分类:
Web程序 时间:
2020-06-16 20:41:24
阅读次数:
87
伪类选择器 伪类选择器前面都有 : (冒号) 除了 hover,其他一般用于链接 link —— 对 鼠标点击之前(未被访问) hover —— 对 鼠标指针悬停 active —— 对 鼠标点击 visited —— 对 鼠标点击之后(已被访问) target —— 可用于选取当前活动的目标元素, ...
分类:
其他好文 时间:
2020-06-14 20:41:29
阅读次数:
75
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <style> /*[id='id1']{*/ /* background: #fac237;*/ /*}*/ /*区分标 ...
分类:
Web程序 时间:
2020-06-10 23:01:23
阅读次数:
261