css+css3
关注
分享
扫一扫
潜龙卧湖
基础至上，所有的高楼，必须要有一个强大的地基。
展开
-
css+css3之文字阴影
css+css3之文字阴影代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> h1 { font-size: 100px; text-shadow: 5px 11px 3px rgba(0,0,0,0.5); /* text-shadow:水平位置 垂直位置 模糊距离 阴影颜色; */原创 2020-08-04 22:43:11 · 149 阅读 · 0 评论 -
css+css3之目标“伪类选择器”
css+css3之目标伪类选择器要点：当点击锚点的时候，目标的样式就会被改变。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> :target { color: red; font-size: 30px; } </style></原创 2020-08-02 13:32:15 · 239 阅读 · 0 评论 -
css+css3之文字透明度
css+css3之文字透明度<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> h1 { color: rgba(255, 0, 0, 0.2); /* 0~1 之间 4个参数 不能省略，前面三个代表颜色，后面是为透明度 */ } </style> </hea原创 2020-08-02 12:49:47 · 693 阅读 · 0 评论 -
css+css3之单词距离
css+css3之单词距离代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> div { letter-spacing: 2px; /* 字间距 */ } p { word-spacing: 10px; /* 单词间距 针对于英文 中文无效 */ }原创 2020-08-02 12:47:26 · 239 阅读 · 0 评论 -
css+css之行高对齐以及缩进
css+css之行高对齐以及缩进代码演示：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> p { line-height: 26px; /* 行间距 */ text-indent: 2em; /* 此时2em 就是2个汉字的宽度 */ } h3 { text-align: cen原创 2020-08-02 12:38:23 · 493 阅读 · 0 评论 -
css+css3之颜色格式
css+css3之颜色格式代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> .red { color: red; /* red green blue pink skyblue deeppink */ } li:nth-chi原创 2020-08-02 12:34:32 · 285 阅读 · 0 评论 -
css+css3之结构伪类选择器
css+css3之结构伪类选择器代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> li:first-child { /* 选择第一个孩子 */ color: pink; } li:last-child { /* 最后一个孩子原创 2020-08-02 12:25:28 · 166 阅读 · 0 评论 -
css+css3之伪类选择器
css+css3伪类选择器代码演示：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> a:link { /* 未访问的链接 */ font-size: 16px; color: gray; font-weight: 700;原创 2020-08-02 12:18:20 · 129 阅读 · 0 评论 -
css+css3之通配符选择器
css之通配符选择器通配符选择器就只有一个，就是*号，*代表是所有元素。代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> * { /* * 代表所有选择器 */ color: pink; } </style> &原创 2020-08-02 12:14:04 · 401 阅读 · 0 评论 -
css的类选择器和id选择器的区别
css的类选择器和id选择器的区别类选择器可以重复使用而id选择器只能使用一次<html lang="en"> <head> <meta charset="utf-8"> <style> .red { /* 类选择器是可以重复多次使用的 类似于 人名 刘德华 */ color: red; } #pink { /* id 类似身份证号 是原创 2020-08-02 12:08:23 · 506 阅读 · 0 评论