webday02-选择器-基本选择器

最新推荐文章于 2021-07-01 00:55:52 发布
最新推荐文章于 2021-07-01 00:55:52 发布
阅读量129 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47407295/article/details/108088616
版权

<!DOCTYPE HTML>
<html>
    <head>
        <title>基本选择器</title>        
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <!--
        练习：
            1.标签名选择器
                将所有span标签的背景颜色设置为#DDA0DD，设置字体大小为20px
            2.类选择器
                (1)将所有的span(但是不包括div和p标签下的span)的背景颜色设置为#8FBC8F，字体颜色为绿色
                (2)将div下的span和内容为"span111"的span字体颜色设置blue,背景颜色设置为#F0E68C
            3.id选择器
                用id选择器将第一个P标签设置字体加粗，首行文本缩进20px
        -->


        <style type="text/css">
      

最低0.47元/天 解锁文章
Victoria446704822
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS概述
abu1216的博客
11-30 206
CSS概述 什么是CSS？(了解) CSS: 层叠样式表，用于修饰、渲染网页的一门技术 使用css样式修饰网页，可以实现将设置样式的css代码和展示数据的html代码进行分离，增强了网页的展示能力！ 在HTML中引入CSS 方式1：通过style属性引入css（不推荐） <!-- 1.通过标签上的style属性给div设置样式 边框:2px solid red 字体大小:26px 背景颜色为:pink --> <div style="bor...
Css
weixin_42109690的博客
03-15 302
概念：层叠样式表表，用与修饰，渲染网页的技术 使用css样式修饰网页，可以实现将设置样式的css代码和展示数据的html代码进行分离 在html中引入css 1.通过style属性引入css，不推荐 ...
CSS详细介绍以及讲解
m0_55861979的博客
07-01 393
**方式2：通过style标签引入css** 在head标签内部可以添加一个style标签，在style标签内部可以直接书写css样式 这种方式是将所有的css样式代码集中在一个style标签内部统一管理，这种方式不会造成页面结构的混乱，并且可以实现代码的复用！ 初步的实现了将html标签代码和css样式代码进行了分离! 代码示例 ： ```html <!-- 2.通过style标签给span设置样式如下： 边框: 2px solid green 字体大小: 30px 字体加粗 -.
html五种css选择器,五种css选择器的基础练习
weixin_35192322的博客
06-03 445
CSS的三种选择器在其中我对标签、类、id三种选择器进行了详细的讲解 下面是我在复习之中，找到的一个css选择器的练习，其中除了刚说到的三种还讲到了后代/属性两选择器的特点；CSS选择器/* 为了看着方便给所有标签都加上边框，及设置一些默认的样式 */body,input{font-size:18px;}input{border: 2px solid green;}div,span,p{borde...
webday02-选择器-扩展选择器
weixin_47407295的博客
08-19 163
<!DOCTYPE HTML> <html> <head> <title>扩展选择器</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <!-- 练习： 1.后代选择器 将div下所有的span标签的...
webday04-jQuery-基本选择器
weixin_47407295的博客
08-25 120
<!DOCTYPE HTML> <html> <head> <title>基本选择器</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <style type="text/css"> body{ font-fa...
webday04-jQuery-层级选择器
weixin_47407295的博客
08-25 179
<!DOCTYPE HTML> <html> <head> <title>层级选择器</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <style type="text/css"> div,span{ wid...
WebDay02 SCC&JS入门
m0_46690280的博客
05-22 513
CSS&JS入门一 CSS概述二 CSS基础语法2.1 HTML引入CSS2.2 CSS书写规范2.3 基本选择器2.4 扩展选择器三 CSS常用样式3.1 字体和文本属性3.2 案例：公司简介(作业)3.3 背景属性3.4 显示属性3.5 浮动属性3.6 盒子模型四 案例：黑马旅游网注册页面【作业】五 JavaScript入门5.1JavaScript概述5.2JavaScript基础语法5.3HTML引入JS5.4JS三种输出方式5.5JS变量声明5.6JS数据类型 一 CSS概述 层叠样式表（
WebDay15 EL&&JSTL&&Filter&&Listener
m0_46690280的博客
06-28 209
EL&&JSTL&&Filter&&Listener一 EL1.1 概述1.2 使用1.2.1 获取（域中的）值1.2.2EL表达式的注意事项1.2.3 执行运算1.2.4 隐式对象1.2.5 了解2 JavaBean二 JSTL2.1 概述2.2 Core标签使用2.2.1 使用要求2.2.2 核心标签库三 Servlet规范中的过滤器-Filter3.1JavaWeb的三大组件3.2概述3.3快速入门3.31xml配置3.32注解配置3.4工作原理3.41
移动webday02.zip
12-21
无论你是想要成为一名专业的前端工程师，还是只是想了解一些基本概念和技能，在这里你都可以获得有用的知识。 在这个系列的视频中，我们将从最基础的HTML、CSS和JavaScript开始，并逐步介绍各种前端开发的核心概念...
移动webday06.zip
12-21
无论你是想要成为一名专业的前端工程师，还是只是想了解一些基本概念和技能，在这里你都可以获得有用的知识。 在这个系列的视频中，我们将从最基础的HTML、CSS和JavaScript开始，并逐步介绍各种前端开发的核心概念...
移动webday05.zip
12-21
无论你是想要成为一名专业的前端工程师，还是只是想了解一些基本概念和技能，在这里你都可以获得有用的知识。 在这个系列的视频中，我们将从最基础的HTML、CSS和JavaScript开始，并逐步介绍各种前端开发的核心概念...
移动webday03.zip
12-21
无论你是想要成为一名专业的前端工程师，还是只是想了解一些基本概念和技能，在这里你都可以获得有用的知识。 在这个系列的视频中，我们将从最基础的HTML、CSS和JavaScript开始，并逐步介绍各种前端开发的核心概念...
2024-2025-1学期选课第一轮停开课程.xlsx
最新发布
07-09
2024-2025-1学期选课第一轮停开课程.xlsx
人工智能and-linearlayer-test.m
07-09
人工智能and_linearlayer_test.m
住房公积金缴存基数确认调整承诺函.doc
07-09
住房公积金缴存基数确认调整承诺函
图像分类的深度学习论文demo重现
07-09
项目介绍 本项目通过实现一个卷积神经网络来进行图像分类，并复现相关论文的实验结果。项目展示了深度学习模型的构建、训练、评估与可视化的全过程。该项目不仅适合作为入门教程，也可用于学习如何实现和优化深度学习模型。
seafile配置webday
06-03
好的，以下是配置 Seafile WebDAV 的步骤： 1. 首先，确保你已经在 Seafile 中启用了 WebDAV。在 Seafile 的配置文件 seahub_settings.py 中，找到并确保以下代码行没有注释掉： ``` ENABLE_WEBDAV = True ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值