CSS，选择器，常见属性、块元素与内联元素、浮动、块属性、层属性

最新推荐文章于 2024-05-13 19:30:33 发布
最新推荐文章于 2024-05-13 19:30:33 发布
阅读量471 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mikowoo007/article/details/91368153
版权

什么是CSS

CSS 指 层叠样式表(Cascading Style sheets )
作用：
   它是用来美化网页的
  HTML代码是用来构建网页整体布局的，CSS则是用来美化网页的。两者缺一不可

基本语句

一条多多条的声明

在这里插入图片描述
多重声明

在这里插入图片描述
在这里插入图片描述

px 像素

颜色

英文单词 red,white,black
十六进制的颜色值: #ff0000
REG值
在线颜色选择器查看对应值

字体

font-family:"sans serif";

选择器

对指定的标签设置样式

对单个标签设置 id选择器

id选择器 可以为标有特定id的HTML元素指定特定的样式
id选择器 以 “#” 来定义

<head>
    <style>
        #p1{color:red;}
        #p2{color:blue;}
        #p3{color:green;}
    </style>
</head>
<body>
    <p id="p1">我是段落1</p>
    <p id="p2">我是段落2</p>
    <p id="p3">我是段落3</p>
</body>

在这里插入图片描述

对多个标签进行设置

类选择器

类选择器以一个点.显示，只要有同一类名的class都会被选择

<head>
    <style>
        .p1{color:red}
        .p2{color:green}
        p{color:blue}
        #p3{color:orange}
    </style>
</head>
<body>
    <p class="p1">我是class1段落</p>
    <p class="p1">我是class1段落</p>

    <p class="p2">我是class2段落</p>
    <p class="p2">我是class3段落</p>

    <p>我是一个什么都没有加载的段落</p>
    <p id="p3">我是一个id为p3的段落</p>
</body>

在这里插入图片描述

并集选择

可以同时使用多个标签或多个选择器中间使用逗号,分开

<head>
    <style>
  	        <!--把a标签和small标签都设置样式-->
            a,small{
                color:red;
                fond-size:30px;
                font-weight:bold;
            }
    </style>
</head>
<body>
    <a href="">我是锚标签</a>
    <small>我是small标签</small>
</body>

在这里插入图片描述
类选择器与id选择器并集

<body>
	<style>	
			#p3,p2{color:blue;}
	</style>
</body>

标签选择器

直接通过标签名来进行选择

<head>
    <style>
        p{color:blue}
    </style>
</head>
<body>
    <p>我是一个什么都没有加载的段落</p>
</body>

属性选择器

为指定属性的HTML元素设置样式,使用中括号[]
为带有title属性的所有元素设置样式

<head>
    <style>
        [type] {background:red;}
    </style>
</head>
<body>
    <input type="text" placeholder="请输入内容...">
</body>

在这里插入图片描述
对div区域内外设置标签样式·

head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box1{
            height:300px;
            width:200px;
            background:red;
        }
        #box1 p{     <!--对div区域内标签样式进行设置-->
            color:white;
        }
        p{color:blue;}		<!--外部标签样式进行设置-->
    </style>
</head>
<body>

    <div id="box1">
        <p>我是div区域内的段落</p>
    </div>
    <p>我是外部段落</p>
</body>

在这里插入图片描述

常见属性

字体属性

字体属性的功能是设置页面字体的显示样式
font-family 设置使用的字体
font-style 设置字体的样式，是否斜体
font-variant 设置字体的大小写
font-weight 设置字体的粗细
font-size 设置字体的大小

<head>
    <style>
        p{
            font-family: Arial;  /*设置字体样式*/
            font-style:italic; /* italic 斜体，normal:正常显示*/
            font-weight: 900; /*可以为bold, 和数字*/
            font-size:25px; /*设置字体大小*/
        }
    </style>
</head>
<body>
    <p>我是一个段落p</p>
</body>

在这里插入图片描述

颜色和背景属性

color 设置元素的颜色
在这里插入图片描述
background-color 设置颜色的背景色

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #p1{
            height: 100px;
            width: 100px;
            background-color: orange;
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落p</p>
</body>

在这里插入图片描述
background-image 设置元素的背景图案

<head>
    <style>
        #p1{
            height: 100px;
            width: 100px;
            background-image: url(images/test1.jpg);
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落p</p>
</body>

在这里插入图片描述
background-repeat 设置背景图案的重复方式

<head>
    <style>
        #p1{
            height: 300px;
            width: 300px;
            background-image: url(images/Myxq.jpg);
            /*background-repeat: 默认平铺*/
        }
        #p2{
            height: 300px;
            width: 300px;
            background-image: url(images/Myxq.jpg);
            background-repeat: no-repeat;
        }
        #p3{
            height: 300px;
            width: 300px;
            background-image: url(images/Myxq.jpg);
            background-repeat: repeat-x;    /*沿x轴平铺*/
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落p1</p>
    <p id="p2">我是一个段落p2</p>
    <p id="p3">我是一个段落p3</p>
</body>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
background-position 设置背景图案的初始位置

<head>
    <style>
        #p2{
            height: 300px;
            width: 300px;
            background-image: url(images/Myxq.jpg);
            background-repeat: no-repeat;
            background-position: 30px 40px;   /*第一个参数x轴，第二个参数y轴*/
        }
    </style>
</head>
<body>
    <p id="p2">我是一个段落p2</p>
</body>

在这里插入图片描述
background-size 设置背景大小

<head>
    <style>
        #p2{
            height: 300px;
            width: 300px;
            background-image: url(images/test1.jpg);
            background-repeat: no-repeat;
            background-size:30px 40px;  /*第一个参数宽度，第二个参数高度*/
        }
    </style>
</head>
<body>
    <p id="p2">我是一个段落p2</p>
</body>

在这里插入图片描述

文本属性

text-align 设置文本的对齐方式

<head>
    <style>
        #p1{
            height: 300px;
            width: 300px;
            background-image: url(images/Myxq.jpg);
            /*background-repeat: 默认平铺*/
            text-align: center;     /*left左对齐，right右对齐，center中心对齐*/
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落p1</p>
</body>

在这里插入图片描述在这里插入图片描述在这里插入图片描述
text-indent 设置文本的首行缩进

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #p1{
            width: 200px;
            height:64px;
            background:orange;
        }
        #p2{
            width: 200px;
            height:64px;
            background:orange;
            text-indent: 30px;
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落</p>
    <p id="p2">我是一个带首行缩进的段落</p>
</body>

在这里插入图片描述

line-height 设置文本的行高

<head>
    <style>
        #p1{
            width: 200px;
            height:64px;
            background:orange;
        }
        #p2{
            width: 200px;
            height:64px;
            background:orange;
            line-height: 64px;
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落</p>
    <p id="p2">我是一个带首行缩进的段落</p>
</body>

在这里插入图片描述
a:link 设置链接未访问的状态
a:visited 设置链接访问过的状态
a:hover 设置链接的鼠标激活状态

<head>
    <style>
        a:link{            /*没有访问的状态*/
            color:orange;
        }
        a:hover{            /*设置鼠标放上去的样子*/
            color:red;
        }
        a:visited{          /*访问过后的颜色*/
            color:yellow;
        }
    </style>
</head>
<body>
    <a href="test.html" target="_blank">跳转test标签</a>

</body>

边框属性

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #p1{
            width:200px;
            height:200px;
            /*颜色 边框宽度 线型*/
            border:#fa0eff 2px dashed;  /*虚线*/
        }
        #p2{
            width:200px;
            height:200px;
            /*颜色 边框宽度 线型*/
            border:#fa0eff 2px solid ;  /*实线*/
        }
    </style>
</head>
<body>
    <p id="p1">我是一个段落</p>
    <p id="p2">我是一个段落</p>
</body>

在这里插入图片描述

项目符号和编号属性

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #ul1{
            list-style: none; /*circle*/
        }
    </style>
</head>
<body>
    <ul id="ul1">
        <li>我是第1个li</li>
        <li>我是第2个li</li>
        <li>我是第3个li</li>
    </ul>
</body>

在这里插入图片描述在这里插入图片描述

块元素与内联元素

内联元素：
不会自己独立占一行，就好像一个单词，一直往后排
特点：
宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变
内联元素设置宽和高是没有效果的

常见的内联元素：
<a>,<big>,<br>,<em>,<img>,<input>,<label>,<select>,<span>,<textarea>

<head>
    <style>
        span{       /*设置宽和高是没有效果的*/
            background:orange;
            width:100px;
            height:100px;
        }
    </style>
</head>
<body>
    <span>我是一个span1</span>
    <span>我是一个span2</span>
</body>

在这里插入图片描述

块元素
自己单独占一行，就像一个段落
常见的块元素
<ul>,<li>,<form>,<h1-h6>,<hr>,<p>,<div>
块元素与内联元素相互转换
display:block 把内联元素转为块元素，显示为块级元素
display:inline 把块元素转为内联元素，显示为内联元素
display:inline-block 转为内联块元素，显示为内敛快元素，表现为同行显示并可修改宽高内外边距等属性

<head>
    <style>
        #span1{
            background:orange;
            width:100px;
            height:100px;
            display:block;
        }
        #span2{
            background:red;
        }
        #span3{
            background:red;
        }
    </style>
</head>
<body>
    <span id="span1">我是一个span1</span>
    <span id="span2">我是一个span2</span>
    <span id="span3">我是一个span3</span>
</body>

在这里插入图片描述

浮动

解决: 块元素在一行显示的问题

两个块级元素都设置了宽度和高度，两个想要占一行，就使用浮动，来进行设置
未使用浮动前

<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        #box1{
            width:100px;
            height:100px;
            background: red;
        }
        #box2{
            width:100px;
            height:100px;
            background: blue;
        }
    </style>
</head>
<body>
    <div id="box1">我是box1</div>
    <div id="box2">我是box2</div>
</body>

在这里插入图片描述
使用浮动后, 两者都浮动才能在一行显示

<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        #box1{
            width:100px;
            height:100px;
            background: red;
            float: left;		/*right*/
        }
        #box2{
            width:100px;
            height:100px;
            background: blue;
            float: left;
        }
    </style>
</head>
<body>
    <div id="box1">我是box1</div>
    <div id="box2">我是box2</div>
</body>

在这里插入图片描述

容器嵌套浮动

如果有嵌套，浮动相对的就是父元素，没有父元素，浮动相对的就是浏览器窗口

<head>
    <style>
        #out{
            background:blue;
            width:500px;
            height:300px;
        }
        #box1{
            width:100px;
            height:100px;
            background:red;
            float:right;
        }
        #box2{
            width:100px;
            height:100px;
            background:green;
            float:right;
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
        <div id="box2">我是box1</div>
    </div>
</body>

在这里插入图片描述
左右浮动

<head>
    <style>
        #out{
            background:blue;
            width:500px;
            height:300px;
        }
        #box1{
            width:100px;
            height:100px;
            background:red;
            float:right;
        }
        #box2{
            width:100px;
            height:100px;
            background:green;
            float:left;
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
        <div id="box2">我是box2</div>
    </div>
</body>

在这里插入图片描述
两边都为左浮动，如果宽度放不下，会被挤下去

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #out{
            background:blue;
            width:500px;
            height:300px;
        }
        #box1{
            width:401px;
            height:100px;
            background:red;
            float:left;
        }
        #box2{
            width:100px;
            height:100px;
            background:green;
            float:left;
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
        <div id="box2">我是box2</div>
    </div>
</body>

在这里插入图片描述
默认情况下，子元素能够撑起父元素的高度

<head>
    <style>
        #out{
            background:blue;
            width:500px;
            /*可以不设置高度，默认情况下是可以撑起父类的高度的*/
        }
        #box1{
            width:100px;
            height:100px;
            background:red;
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
    </div>
</body>

在这里插入图片描述
如果子元素设置了浮动，是没有办法撑起父元素的高度

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #out{
            background:blue;
            width:500px;
            /*可以不设置高度，默认情况下是可以撑起父类的高度的*/
        }
        #box1{
            width:100px;
            height:100px;
            background:red;
            float:left;  /*设置了浮动，浮动元素是不能撑起父类的高度的*/
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
    </div>
</body>

在这里插入图片描述
如果子元素设置了浮动，父元素要么手动设置高度，要么清除浮动

<head>
    <style>
        #out{
            background:blue;
            width:500px;
            /*可以不设置高度，默认情况下是可以撑起父类的高度的*/
            overflow:hidden;
        }
        #box1{
            width:100px;
            height:100px;
            background:red;
            float:left;  /*设置了浮动，浮动元素是不能撑起父类的高度的*/
        }
    </style>
</head>
<body>
    <div id="out">
        <div id="box1">我是box1</div>
    </div>
</body>

在这里插入图片描述

块属性

块属性是设置元素之间的距离
margin 两个容器(标签)之间的距离成为margin,从边框开始往外的距离
在这里插入图片描述
padding 容器内部的边距成为padding,从边框开始往里的距离
在这里插入图片描述
margin-top 设置顶边距
margin-right 设置右边距
padding-top 设置顶端填充距
padding-right 设置右侧填充距

<head>
    <style>
        .box1,.box2{
            width:100px;
            height:100px;
            border:red 2px solid;
            float:left;
        }
        .box1{
            margin-right:20px;/* 从后边框向外20个像素*/
        }
        .box2{
            box-sizing:border-box;  /*高度保持不变，若没有此语句，高度加下面语句里的20px*/
            padding-top:20px; /*从上边框开始向内20个像素*/
        }
    </style>
</head>
<body>
    <div class="box1">我是box1</div>
    <div class="box2">我是box2</div>
</body>

在这里插入图片描述

层属性

一个容器可以嵌套另一个容器

<head>
    <style>
        .box1{
            width:100px;
            height:100px;
            background:red;
        }
    </style>
</head>
<body>
    <div class="box1">我是box1</div>
</body>

在这里插入图片描述
因为默认有些标签是有外边距的，解决办法

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{      /*选择所有标签*/
            margin:0;  /*四个方向的外边距设为0*/
            padding:0; /*四个方向内边距设为0*/
        }
        .box1{
            width:100px;
            height:100px;
            background:red;
        }
    </style>
</head>
<body>
    <div class="box1">我是box1</div>
</body>

在这里插入图片描述

设置页面元素的定位方式

Relative 设置相对定位
Absolute 设置绝对定位
子绝对定位，父元素相对定位
在这里插入图片描述

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{      /*选择所有标签*/
            margin:0;  /*四个方向的外边距设为0*/
            padding:0; /*四个方向内边距设为0*/
        }
        .box{
            width:500px;
            height:500px;
            background:blue;
            margin-left:300px;
            margin-top:300px;
            position:relative;
        }
        /*子绝对定位，父元素相对定位*/
        .box1{
            width:100px;
            height:100px;
            background:red;
            position:absolute;
            left:100px;
            top:100px;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="box1">我是box1</div>
</div>
</body>

在这里插入图片描述

Mikowoo007
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue颜色选择器实现（两种方法）
lplovewjm的博客
05-31 3864
颜色选择器
【vue + element ui】ColorPicker 颜色选择器的使用
qq_44938769的博客
08-18 3467
自定义el-colorPicker的使用
2024年前端最新WEB前端工具推荐丨分享6个热门颜色选择器组件，2024年最新近期有什么面试
最新发布
2401_84433535的博客
05-13 1114
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
从零开始实现一个颜色选择器（原生JavaScript实现），2024年最新web前端需要学哪些知识
2401_84140130的博客
04-16 382
现在我们再来确定容器元素中都有哪些元素，首先是一个颜色面板，颜色面板又包含一个容器元素，我们可以看到，颜色面板很像是三种背景色叠加出来的效果，不用怀疑，大胆的说，是的没错，就是三种背景色叠加出来的，所以我们就需要一个容器元素，然后容器元素里面又包含 2 个面板元素，容器元素的背景色加上 2 个面板元素叠加出来就是这种效果。这里需要注意了，游标元素设置的宽高会影响我们后续计算，所以在这里设置的宽高是多少，后续计算就要将它的宽高考虑在内，这个到后面会细讲，现在，我们还是编写该元素的样式吧。
行内元素、块元素和css属性display
cqpersonal的博客
10-20 3210
1.行内元素和块元素特征的区分 行内元素：相同的元素同行显示，不会换行，除了图片&lt;img&gt;，图片按钮input type='image'（感觉有点像是display:inline-block)，一般不能设置宽高(css里display:inline)。 块级元素：前后都有换行符，可以设置宽高，也可以按照内容自动自动增加高度。一般默认时，宽度为100%，独占一行（display:bl...
【块级元素、行内元素、行内块元素（详解css的display属性）】
Da_Xiong的博客
08-22 954
【块级元素、行内元素、行内块元素（详解css的display属性）】
css常用属性
10-07
- 语句基本结构：CSS规则由一个选择器和一组属性声明组成，形如`HTML选择器 {属性1：值1; 属性2：值2; ...}`。 - 类和ID选择器：`.classname`用于选择具有特定类的元素，`#Idname`用于选择具有唯一ID的元素。 - ...
详解CSS 去掉inline-block元素间隙的几种方法
09-22
inline-block是一种结合了内联元素与块级元素特性的CSS显示方式。它允许元素在一行内并排显示，同时还能设置宽度、高度和内外边距等块级元素的属性。例如，我们经常利用此特性来创建响应式布局或移动端页面。 二、...
css属性值[文].pdf
10-11
CSS选择器用于选取需要应用样式的HTML元素。基础选择器包括标签选择器（如`p`）、类选择器（`.class`）、ID选择器（`#id`）和通配符选择器（`*`）。更高级的选择器如属性选择器（`[attr=value]`）、伪类选择器（`:...
常见的属性和值，网页制作css样式
04-14
权重计算是层叠的重要依据：内联样式（style属性）> ID选择器 > 类选择器、属性选择器、伪类 > 元素选择器、伪元素 > 通配符选择器、继承。优先级高的样式会覆盖低优先级的样式。 二、选择器 1. 基本选择器：包括...
CSS样式继承和层叠
09-24
1. **权值（Weight）**：CSS选择器有不同的权重，权重越高，样式优先级越高。权值计算基于选择器中`id`、`class`、`标签`的数量。权值计算公式大致为：100分给每个`id`，10分给每个`class`，1分给每个标签，0分给...
高精度等待.ec
04-10
高精度等待.ec
块元素、内联元素、css选择器
wuxiao18的博客
07-15 418
<div>属于块元素：无论内容多少都会独占一行，它没有任何语意，也就是没有任何默认样式，主要用来对页面进行布局。 <a>可以包含任意的元素，除了它本身 块元素的宽度在文档流里是父元素的100%，当元素的值为auto是，此时内边距不会影响可见框大小，而是自动改变，以适应内边距；高度默认被内容撑开。 <p>元素也属于块元素，其中不能放块元素，只能放...
2020-09-28
m0_46646480的博客
09-28 162
　(1)、基本选择器：#id，class,element,*; 　　(2)、层次选择器：parent > child，prev + next ，prev ~ siblings 　　(3)、基本过滤器选择器：:first，:last ，:not ，:even ，:odd ，:eq ，:gt ，:lt 　　(4)、内容过滤器选择器： :contains ，:empty ，:has ，:parent 　　(5)、可见性过滤器选择器：:hidden ，:visible 　　(6)、属性过滤器选择器：
css块元素内联元素选择器
World peace的博客
04-15 1310
css：层叠样式表（网页是一层一层的） css可以用来为网页创建样式表，通过样式表可以对网页进行装饰 三种编辑css方式：内联样式、（内部样式表）css选择器、外部css文件(link标签来引入) 1、css的选择器 <!doctype html> <html> <head> <meta charset="utf-8"/> <title&g...
元素类型（块元素、内联元素、display属性、元素类型转换）
weixin_43668201的博客
07-28 2152
块状元素（block） 1.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域 常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等； 2.块元素的特点： ①默认情况下，块状元素都会独占一行，块状元素会按顺序自上而下排列。 ②块状元素都可以直接定义自己的宽度和高度。 ③块状...
html -- 块元素、内联元素、内联块元素 练习
gman344的博客
07-31 138
html标签(也叫元素)大概可以统分为三大类，块元素、内联元素、内联块元素。 块元素 1，常用的块元素：ul、li、div、p、dl、dt、dd、h1~h6。 2，块元素支持所有的样式。 3，盒子独占据一行，即使设置了宽度。 4，如果没有设置宽度，默认宽度为父元素的100%。 内联元素 1，常用的内联元素：span、a、em、i、b、strong。 2，只支持部分样式，比如说，不支持宽、高、margin上下、padding上下。 3，...
CSS--选择器--使用/教程
IT利刃出鞘的博客
11-06 1287
原文网址： 简介 说明 本文介绍CSS的选择器用法。包括：优先级，基本选择器，分组选择器，层次选择器，伪类选择器，伪元素选择器。 官网 CSS 选择器 - CSS（层叠样式表） | MDNCSS 参考 - CSS（层叠样式表） | MDN 优先级 简介 给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候CSS选择器优先级的问题了。 详解 CSS选择器的优先...
兄弟hl3150cdn打印测试页6_畅打随心 兄弟T710W为何是在家办公首选
weixin_30986517的博客
01-01 1028
国内新冠肺炎疫情大为缓解，各地企业有序开展复工复产。由此员工和企业都尝到了在家办公的甜头，一方面员工节省交通成本，并且远成办公结合现场办公丝毫不影响办事效率；另一方面企业控制员工现场办公比例有助于继续防控疫情，并且将在家办公作为一项福利分配给员工更显企业担当。这时候有一台经济实用、在家或在办公室都能用的打印机成为了必要的需求，今天我们就来看一看兄弟DCP-T710W高容量喷墨一体机(以下简称为兄弟...
2019前端经典面试题讲课稿.docx
10-25
"这份文档是2019年的前端面试题讲课稿，涵盖了HTML与XML的区别、CSS选择器及其权重、网页的三层结构、CSS实现元素居中、浮动的处理方式、CSS Sprites的原理与应用，以及原生JavaScript事件绑定等多个核心前端知识点...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值