_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 135

原创属性选择器

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

2020-03-06 17:14:06 224

原创伪类选择器

<!-- <!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 132 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 102

原创文本标签

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

2020-03-06 17:10:17 134

原创兄弟选择器

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

2020-03-06 17:07:06 85

原创选择器的优先级

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

2020-03-06 17:02:52 203

原创样式的继承

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

2020-03-06 17:02:08 108

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

<!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 263

原创 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 164

原创 CSS常用选择器

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

2020-03-06 16:56:53 109

原创 web前端01

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

2020-03-06 14:17:56 175

m0_46490414的博客