python进阶day18

最新推荐文章于 2023-03-11 12:24:32 发布

VIP文章 huixinheart

最新推荐文章于 2023-03-11 12:24:32 发布

阅读量149

点赞数

分类专栏： python学习

本文链接：https://blog.csdn.net/huixinheart/article/details/108012522

版权

python进阶之路

Day18

hello world！今日是python学习的第十八天，今天对前端进行学习，今日主要内容为：选择器的优先级与JavaScript的基础学习等。

1 选择器的优先级

权重值越大优先级越高。（无论权重是多少，内联样式表的优先级都是最高的）
元素选择器、* 权重值是：1
类选择器权重值是：2
id选择器权重值是：4
群组选择器：看每个独立的选择器的权重值分别是多少
后代、子代选择器：所有被>或者空格隔开的选择器的权重之和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        <div id="div1" class="c1">
            <div id="div2" class="c2">
                <p id="p1" class="c3" style="color: deeppink;">我是段落1</p>
            </div>
        </div>
        
        <style type="text/css">
            /* 单个选择器的优先级 */
            #p1{
    
                color: blue;
            }
            
            .c3{
    
                color: green;
            }
            p{
    
                color: red;
            }
            
            #p1{
    
                background-color: yellow;
            }
            div #p1{
    
                background-color: aquamarine;
            }
            
            /*
             后代选择器比较权重的时候：先比第一大的独立选择器谁大谁优先级高，如果第一大相同，就比第二天的选择器，以此类推...
             */
            .c2>#p1{
    
                border-top: 2px solid red;
            }
            
            body>#div1>div>p{
    
                border-top: 5px dotted blue;
            }
             
        </style>
        
        
	</body>
</html>

2 javascript

2.1 什么是js

js是JavaScript的缩写，是一门专门用来控制前端页面的编程语言（属于脚本语言）
js是web标准中的行为标准 - 主要负责网页中内容的修改

2.2 js代码写在哪儿

内联js - 将js代码写标签的事件属性中
内部js - 将js代码写在script标签
外部js - 将js代码写在js文件中，然后在html中用script标签导入

注意：同一个script标签只能在导入外部js和写内部js两个功能中选一个

2.3 js能干什么

a.修改/获取标签内容
b.修改/获取标签属性
c.修改标签样式
d.在网页中插入html代码

2.4 js怎么写（语法）

大小写敏感
一行语句结束一般不需要分号, 箭头函数之前需要加分号
命名采用驼峰式命名
js中的标识符：由字母、数字、下划线和$组成，数字不能开头

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
        
        <!-- ===============js写在哪儿================ -->
        <!-- 内联js -->
        <!-- <button οnclick="alert('你好,js!')" type="button">按钮1</button> -->
        
        <!-- 内部js -->
        <!-- <script type="text/javascript">
            // 这儿可以写js代码
            alert('这是内部js')
        </script> -->
        
        <!-- 外部js -->
        <!-- <script src="./js/02-认识js.js" type="text/javascript" charset="utf-8"></script> -->
        
        <!-- ================js能干什么================ -->
        <p id="p1">我是段落1</p>
        <img id="img1" src="img/bear.png" >
        
        <br>
        <br>
        <!-- 修改内容 -->
        <button type="button" onclick="document.getElementById('p1').innerText = 'hello js!'">修改内容</button>
        <button type="button" onclick="document.getElementById('img1').src = 'img/hat1.png'">修改图片</button>
        <button type=

最低0.47元/天解锁文章

huixinheart

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
python进阶day18

python进阶之路Day18hello world！今日是python学习的第十八天，今天对前端进行学习，今日主要内容为：选择器的优先级与JavaScript的基础学习等。1 选择器的优先级权重值越大优先级越高。（无论权重是多少，内联样式表的优先级都是最高的）元素选择器、* 权重值是：1 类选择器权重值是：2 id选择器权重值是：4 群组选择器：看每个独立的选择器
复制链接

扫一扫