HTML与CSS基础之常用选择器(一)

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>常用选择器</title><style type="text/css">/*h1{background-color: #6495ED;}//标签直接写即可*//*#select{background-color: aqua;}//在ID前面加#即可*//*.select_class{background-color: aquamarine;}//class类名的用.加类名即可*//*#select,.select_p,div,h1,.select_class{font-size: 40px;color: deeppink;}//当要多个同时成立,可用逗号隔开来即可*/p.select_p,#value {color: darkorchid;background: darkseagreen;}</style></head><body><h1>常用选择器1</h1><div id="select">常用选择器2</div><span class="select_class">常用选择器3</span><p class="select_p" id="select">常用选择器4</p><p class="select_p" id="value">常用选择器5</p></body></html>

HTML与CSS基础之常用选择器(一)相关推荐

CSS基础（复合选择器-三大特性）
CSS基础(复合选择器-三大特性) Emmet语法快速生成HTML 如果想快速生成多个标签,直接*n. div*3
CSS基础语法与选择器扫盲
一.CSS基础语法; 1.1 语法解释 selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素. ...
实操代码带你理解CSS中的常用选择器（你值得掌握！）
在CSS中,我们要给一个元素定义样式,首先得把这个元素选出来,我在网上看了很多文章,再结合老师所讲的精华部分将平时比较常用的选择器整理出来分享给大家,哈哈哈一起学习一起进步! https://blog ...
初识HTML（四）进阶：CSS基础、常用属性
文章目录什么是css? css语法定义 css实例背景属性 opacity属性文本属性链接样式行标签与块标签 border边框 margin外边距 padding填充前言: 本章节将学习到 ...
基础html交代选择器,html/css基础(html常用标签与css选择器)-2019年1月14号22时45分
实例序号名称价格数量用途 1暖手宝301被窝太冷2笔记本电脑50001学习php3别墅2000万1结婚用运行实例 » 点击 "运行实例" 按钮查看在线实例五:表单 (1)表单 ...
CSS基础-02-基础选择器
文章目录前言一.标签选择器二.类选择器三.id选择器四.通配符选择器总结前言理解选择器的作用,能够使用基础选择器在HTML中选择元素标签选择器:类选择器:id选择器:通配符选择器一 ...
HTML与CSS基础之属性选择器(二)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>属性选 ...
CSS基础二（选择器的使用）
一选择器 1 标签选择器权重为1 p{color:red;} 2 id选择器权重为100 给标签添加id的属性,值为id名 <div id="bo ...
css基础伪类选择器与选择器权重以及盒子模型的用法演示
1. 伪类选择器根据元素的位置或状态来匹配子元素 1.1 结构伪类与上下文选择器很相似后文演示所用 HTML 代码如下: <!DOCTYPE html> <html lang= ...

HTML与CSS基础之常用选择器(一)

HTML与CSS基础之常用选择器(一)相关推荐

最新文章

热门文章