20220304补充
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3月4日</title>
<link rel="stylesheet" type="text/css" href="css/css0304.css"/>
<style type="text/css">
/*选中所有的div,标签名选择器*/
div{
background-color: rosybrown;
}
/*所谓的id选择器就是通过id的属性值选择最终的标签, #id的属性值*/
#liu{
background-color: red;
}
/*类选择器。class选择器,通过标签的class的属性值选择标签;class是可以重复的
*语法:。class的属性值
*
* 选中了所有的class=abc的那些标签*/
.abc{
background-color: pink;
}
/*优先级: id>class>标签名*/
#ni{
/*字体进行样式的设定*/
font-size: 60px;
font-family: "楷体";
color: blue;
}
</style>
</head>
<body>
<!--写
1:怎么写-
语法:选择器{声明:声明};声明=key:value,如color=red;
2:写在哪里?
可以在三个地方:
1、任意的标签中,每一个标签都有一个style的属性,css样式可以在这个属性中编写,——内联样式
优点:直接作用在标签上;缺点:只能作用在一个标签上
2、在html中的style标签中也可以编写css,——内部样式
优点:可以作用在多个标签上;缺点:只能作用在本页中
3、写在外部的css文件中,——外部样式
某一个文件需要引用外部的css样式的话,需要使用link标签引入进来
如果三中类型的样式同时对某一个标签做相同样式设定的话,谁有效?
考虑优先级:就近原则
为谁去做美化,选中一些或者某一个标签——选择器
为她做什么样的美化,具体的美化过程——声明
-->
<!--
语法:选择器{声明}
选择哪些标签进行样式的设定:标签名选择器,id选择器,class选择器/类选择器
-->
<span style="font-size: 30px; color: red;" class="abc">四大恶人之首:段延庆</span>
<div>你心中的女神是:</div>
<div id="liu" class="abc">刘亦菲</div>
<div id="shu" class="abc">舒畅</div>
<div id="yang" class="abc">杨钰莹</div>
<div id="ni">你是谁</div>
</body>
</html>
20220304补充相关推荐
- 前端部分面试题整理,欢迎补充
1.ng中如何配置路由,$scope和$rootscope的原理 ng中如何配置路由?1)使用内置路由模块ng-routevar app = angular.module('ngRouteExampl ...
- mysql中char与varchar的区别分析(补充一句,int和integer没区别)
转自:http://www.jb51.net/article/23575.htm 在mysql教程中char与varchar的区别呢,都是用来存储字符串的,只是他们的保存方式不一样罢了,char有固定 ...
- Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充)
Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充) 本文是对上一节的补充:http://www.cnblogs.com/puresoul/p/4 ...
- 【直播】李祖贤:集成学习答疑直播之八-- 集成知识点回顾与补充
集成学习答疑直播之八-- 集成知识点回顾与补充 集成学习是首个横跨3个周期的长期组队学习,在第25期组队学习中进行到"第三期-模型融合与数据实战"阶段.组队学习期间,课程设计者每周 ...
- 本地应用 v-on补充
◆事件绑定的方法写成函数调用的形式,可以传入自定义参数 ◆定义方法时需要定义形参来接收传入的实参 ◆事件的后面跟上.修饰符可以对事件进行限制 ◆.enter可以限制触发的按键为回车 ◆事件修饰符有多种 ...
- 学以致用七---Centos7.2+python3.6.2+django2.1.1 --搭建一个网站(补充)
补充:上一节出现的报错提示 可在settings.py 里,改成 '*' ,这样所有的主机都可以访问了. 打开网页 注意红色框出来的 hello 是和 urls.py里的hello对应 urls.p ...
- 20155328 《信息安全系统设计基础》第六周 课堂提交补充
20155328 <信息安全系统设计基础>第六周 课堂提交补充 第六周课上测试-3 编写一个程序w0603,运行以下代码: short int v=-学号后四位; unsigned sho ...
- [分享] 从定制Win7母盘到封装详细教程 By BILL ( 10月23日补充说明 )
[分享] 从定制Win7母盘到封装详细教程 By BILL ( 10月23日补充说明 ) billcheung 发表于 2011-10-23 00:07:49 https://www.itsk.com ...
- [C# 网络编程系列]专题七:UDP编程补充——UDP广播程序的实现
上次因为时间的关系,所以把上一个专题遗留下的一个问题在本专题中和大家分享下,本专题主要介绍下如何实现UDP广播的程序,下面就直接介绍实现过程和代码以及运行的结果. 一.程序实现 UDP广播程序的实现代 ...
最新文章
- layer.tips定义弹出的宽度
- windows server操作系统一定要关闭开机磁盘自检
- java 自定义tostring_Java 怎么写这个自定义class的toString方法?
- kodi pvr 不能安装_「家庭影音串流」电视最强播放器KODI使用方法
- Windows XP SP3支持多用户远程桌面连接
- 【C语言】请输入一个n(n=10)并输出一个n行n列的杨辉三角
- eclipse中Lombok注解无效
- 分类算法----逻辑回归预测
- linux下图形远程桌面
- M文件-函数的参数-传值还是传址/检查输入参数的个数/传递参数/输出参数
- PyTorch:模型训练-分布式训练
- KMP算法 --- 在文本中寻找目标字符串
- 计算机无法安装dx11,Windows10系统DX11正确的安装路径是什么?
- Excel筛选后填充
- 日志查看工具 logviewer pro的使用
- 关于使用shopify 和theme 模版使用问题。
- java 获取指定日期的前几天或后几天
- 工厂都离不开的“人机料法环”
- 永不服输的Java之路---重学Java (第一章)
- python时间模块 datetime (datetime、timedelta和timezone部分)
热门文章
- 0、‘0‘、‘\0‘的区分和联系
- Cell Biolabs 脂滴分离提取试剂盒检测原理
- 前端面试:手写代码JS实现字符串反转
- 贪心(二):排序不等式、绝对值不等式、推公式
- 推荐管理类图书第一集
- 【宠物用品】宠物饮水机方案
- 【AD18】原理图页面大小设置
- 【MySQL】Linux部署MySQL服务(官网部署方式rpm)
- 冶金行业供应商关系管理系统:完善供应商管理体系,实现供应商数智化管理
- HTML淘宝网的制作实训关键点,《网页设计与制作》实训指导书.doc