<!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. 前端部分面试题整理,欢迎补充

    1.ng中如何配置路由,$scope和$rootscope的原理 ng中如何配置路由?1)使用内置路由模块ng-routevar app = angular.module('ngRouteExampl ...

  2. mysql中char与varchar的区别分析(补充一句,int和integer没区别)

    转自:http://www.jb51.net/article/23575.htm 在mysql教程中char与varchar的区别呢,都是用来存储字符串的,只是他们的保存方式不一样罢了,char有固定 ...

  3. Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充)

    Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充) 本文是对上一节的补充:http://www.cnblogs.com/puresoul/p/4 ...

  4. 【直播】李祖贤:集成学习答疑直播之八-- 集成知识点回顾与补充

    集成学习答疑直播之八-- 集成知识点回顾与补充 集成学习是首个横跨3个周期的长期组队学习,在第25期组队学习中进行到"第三期-模型融合与数据实战"阶段.组队学习期间,课程设计者每周 ...

  5. 本地应用 v-on补充

    ◆事件绑定的方法写成函数调用的形式,可以传入自定义参数 ◆定义方法时需要定义形参来接收传入的实参 ◆事件的后面跟上.修饰符可以对事件进行限制 ◆.enter可以限制触发的按键为回车 ◆事件修饰符有多种 ...

  6. 学以致用七---Centos7.2+python3.6.2+django2.1.1 --搭建一个网站(补充)

    补充:上一节出现的报错提示 可在settings.py 里,改成 '*'  ,这样所有的主机都可以访问了. 打开网页 注意红色框出来的 hello 是和 urls.py里的hello对应 urls.p ...

  7. 20155328 《信息安全系统设计基础》第六周 课堂提交补充

    20155328 <信息安全系统设计基础>第六周 课堂提交补充 第六周课上测试-3 编写一个程序w0603,运行以下代码: short int v=-学号后四位; unsigned sho ...

  8. [分享] 从定制Win7母盘到封装详细教程 By BILL ( 10月23日补充说明 )

    [分享] 从定制Win7母盘到封装详细教程 By BILL ( 10月23日补充说明 ) billcheung 发表于 2011-10-23 00:07:49 https://www.itsk.com ...

  9. [C# 网络编程系列]专题七:UDP编程补充——UDP广播程序的实现

    上次因为时间的关系,所以把上一个专题遗留下的一个问题在本专题中和大家分享下,本专题主要介绍下如何实现UDP广播的程序,下面就直接介绍实现过程和代码以及运行的结果. 一.程序实现 UDP广播程序的实现代 ...

最新文章

  1. layer.tips定义弹出的宽度
  2. windows server操作系统一定要关闭开机磁盘自检
  3. java 自定义tostring_Java 怎么写这个自定义class的toString方法?
  4. kodi pvr 不能安装_「家庭影音串流」电视最强播放器KODI使用方法
  5. Windows XP SP3支持多用户远程桌面连接
  6. 【C语言】请输入一个n(n=10)并输出一个n行n列的杨辉三角
  7. eclipse中Lombok注解无效
  8. 分类算法----逻辑回归预测
  9. linux下图形远程桌面
  10. M文件-函数的参数-传值还是传址/检查输入参数的个数/传递参数/输出参数
  11. PyTorch:模型训练-分布式训练
  12. KMP算法 --- 在文本中寻找目标字符串
  13. 计算机无法安装dx11,Windows10系统DX11正确的安装路径是什么?
  14. Excel筛选后填充
  15. 日志查看工具 logviewer pro的使用
  16. 关于使用shopify 和theme 模版使用问题。
  17. java 获取指定日期的前几天或后几天
  18. 工厂都离不开的“人机料法环”
  19. 永不服输的Java之路---重学Java (第一章)
  20. python时间模块 datetime (datetime、timedelta和timezone部分)

热门文章

  1. 0、‘0‘、‘\0‘的区分和联系
  2. Cell Biolabs 脂滴分离提取试剂盒检测原理
  3. 前端面试:手写代码JS实现字符串反转
  4. 贪心(二):排序不等式、绝对值不等式、推公式
  5. 推荐管理类图书第一集
  6. 【宠物用品】宠物饮水机方案
  7. 【AD18】原理图页面大小设置
  8. 【MySQL】Linux部署MySQL服务(官网部署方式rpm)
  9. 冶金行业供应商关系管理系统:完善供应商管理体系,实现供应商数智化管理
  10. HTML淘宝网的制作实训关键点,《网页设计与制作》实训指导书.doc