css02基本选择器

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><!--内部样式  写在head中--><style type="text/css">/*标签选择器   网页中所有的div标签都会具有样式div{color: pink;  声明 ：需要设置的样式background-color: green;最后一条声明的;可以省略 建议写上}*//*类选择器  在一个页面中可以有N个 .class对应的属性值可以重复.word{color: pink;}*//*ID选择器  在一个页面中只能有1个  #id对应的属性值不能重复 */#s{color: pink;}</style>
</head>
<body>
<!-- 标签选择器-->
<div>这是一个div 块元素 1 自动换行</div>
<div>这是一个div 块元素 2 自动换行</div>
<span>span  内联元素   不会换行</span>
<!-- 类选择器-->
<div class="word">类选择器</div>
<div class="word">类选择器</div>
<span class="word">类选择器</span>
<!-- ID选择器-->
<div id="s">ID选择器</div>
<div>ID选择器</div>
<span>ID选择器</span>
</body>
</html>

转载于:https://www.cnblogs.com/xtdxs/p/7094125.html

css02基本选择器相关推荐

css的引入方式和选择器
目录 1.css介绍 2.css的引入方式 3.css的元素选择器 1.基本选择器 2.组合选择器 3.属性选择器 4.伪类选择器 5.伪元素选择器 1.css介绍层叠样式表(英文全称:Cascad ...
CSS 选择器：BeautifulSoup4解析器
和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...
xpath选择器简介及如何使用
xpath选择器简介及如何使用一.总结一句话总结:XPath 的全称是 XML Path Language,即 XML 路径语言,它是一种在结构化文档(比如 XML 和 HTML 文档)中定位信息 ...
css选择器及float(浮动)
--------------------------选择器( css有就近原则)------------------------------- 选择器名称在css表的 ...
html5类选择器选择权重,Python Html5和CSS3的新增功能：CSS权重与CSS3新增选择器
一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...
浅谈对html css的理解,HTML+CSS入门 CSS选择器、属性和值浅谈
body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...
php表单偶数变颜色,利用CSS3 nth-child()选择器实现表格奇偶行变色
nth-child()简介 CSS3的nth-child() 选择器,我之前很少用,在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断,来加一个css,从而使表格偶数行和奇数行颜色不一样.这 ...
FPGA（3）验证数字逻辑（与门、与非门、二选一数据选择器、2-4译码器、半加器、全加器）
目录一.验证与门二.验证与非门三.验证二选一数据选择器四.验证2-4译码器五.验证半加器六.验证全加器 0.初始化定义 1.第一个半加器 2.第二个半加器 3.得到最终进位Co 代码 0决 ...
【代码笔记】Web-CSS-CSS id和Class选择器
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

css02基本选择器

css02基本选择器相关推荐

最新文章

热门文章