_fsocity-CSDN博客

原创否定伪类

<head> <meta charset="utf-8"> <title></title> <style type="text/css"> P:not(.hello){ background-color:red; } </style> </head> <bo...

2020-03-06 17:15:44 97

原创属性选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> p[title] { background-color:yellow; } </style> ...

2020-03-06 17:14:06 183

原创伪类选择器

<!-- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> a:link{ color: yellowgreen; font-size：50px; } a:visited{ co...

2020-03-06 17:12:42 95 1

原创伪类选择器2

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> p:first-letter{ color:red; font-size:80px;...

2020-03-06 17:11:15 64

原创文本标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p> 今天天气<em>真不错</em> <strong>...

2020-03-06 17:10:17 94

原创兄弟选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>我是一个p元素</p> <p>我是一个p元素</p> &...

2020-03-06 17:07:06 47

原创选择器的优先级

当使用不同选择器选中同一个元素时，并且设置相同的样式，这时，样式之间就会产生冲突优先级高的优先显示，内联样式优先级1000（style） id选择器优先级为100 类和伪类优先级是10 元素选择器优先级为1 通配选择器优先级是0 继承样式，没有优先级如果是#p2 和p#p2当选择器中有多种选择器（并集操作），则需要将选择器优先级相加。但是注意，选择器优先级计算，不会超过其中一个的最大数量级...

2020-03-06 17:02:52 149

原创样式的继承

我是p标签的我是span中的文字 ``` 像儿子可以继承父亲的遗产一样，在css中，祖先元素的样式可以被后代元素所继承想全部继承全部直接可以选 <body> 并不是所有的样式都会被继承，比如背景相关的样式都不会被继承 ...

2020-03-06 17:02:08 70

原创子元素和后代元素选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* #d1 span{ color:balck; background-color: #...

2020-03-06 17:00:02 219

原创 a的伪类顺序

<!--<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a:link{ color:yellowgreen; } a:visited{ col...

2020-03-06 16:58:49 115

原创 CSS常用选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style> </head> <body> ...

2020-03-06 16:56:53 66

原创 web前端01

l W3C标准：结构（HTML描绘页面骨架），样式表现（CSS），行为（JS） l Html(超链接标记文本)，纯文本只能保存文本内容，音频视频都不能。 l 纯文本作为网页后缀html l 标签：用标签标记一级标题等。 <标签名（如：h1）> 标签有开始也有结束， <h1>this my firt web</h1>. l 根标签<\html>（一...

2020-03-06 14:17:56 126

m0_46490414的博客