(9月15日学习笔记)，背景属性补充，渐变，媒体查询

最新推荐文章于 2023-07-07 22:23:02 发布
最新推荐文章于 2023-07-07 22:23:02 发布
阅读量73 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50518977/article/details/108594281
版权

css3继续补充

背景属性：
background-size:

cover::完全覆盖，不是等比拉伸
background-Origin

 background-Origin属性指定background-position属性应该是相对位置。
注意如果背景图像background-attachment是"固定"，这个属性没有任何效果

在这里插入图片描述

在这里插入图片描述
background-clip
在这里插入图片描述
多背景写法

前面的会覆盖后面的

在这里插入图片描述
渐变：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
媒体查询

媒体查询由条件表达式组成的，真的就执行，假的就不执行
关键字：media  @         all表示所有的媒体类型，pc设备，移动设备，投影设备
and表示  和、并且
（）里写条件表达式，为真执行，反正不执行，注意点：条件最后不能加分号

在这里插入图片描述

pray Serendipity
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web学习笔记
刘群智的博客
07-27 7973
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
JQuery 学习笔记 element属性控制
12-09
代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> [removed][removed] <script
个人前端学习笔记 html5+css（保持更新）
qq_43769855的博客
07-07 742
个人前端学习知识（html5+css）
AndroidApp学习笔记
十二间记，知不足而奋斗，望远山而前行。千里不辞行路远，时光早晚到天涯。
11-13 1388
Android基础学习笔记
前端学习笔记
As_Xx_Ls的博客
12-26 1738
html5新特性 1.语义标签 常用的语义化标签： <header></header>头部 <nav></nav>导航栏 <section></section>区块（有语义化的div） <main></main>主要区域 <artical></artical>主要内容 <aside></aside>侧边栏 <footer></...
css学习笔记
hou_shiyu的博客
04-27 1624
课程目标: 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程 从HTML被发...
web笔记
最新发布
m0_56219535的博客
07-07 67
3.换行标签、水平线标签。七、details 详情。2.css的三种引入方式。四、iframe框架。八、tabindex。1.html全局属性。
CSS(3)学习笔记——持续更新
weixin_41309331的博客
11-04 589
1 选择器 CSS(3)中提供的选择器手册（w3school）：http://www.w3school.com.cn/cssref/css_selectors.asp 1.1 基本选择器 选择器 例子 类选择器 .class 标签选择器 element id选择器 #id 后代选择器 element_1 element_2：选择 element_1 内部的全部 elem...
【学习笔记】前端开发面试锦集
weixin_30463341的博客
08-20 354
链接地址：https://microzz.com/2017/02/10/interview/ 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员...
曼昆 宏观经济学 笔记 10.21备份
S_ZaiJiangHu的博客
08-13 4988
大多数生产函数具有边际产量递减的性质，在资本量不变的情况下，随着劳动量的增加，劳动的边际产量递减。在一个只有资本和劳动两种生产要素的经济中，两种要素价格是资本所有者所收取的租金和工人所赚到工资。劳动的边际产量：MPL，是在资本量不变的情况下，企业多雇佣一单位劳动所得到的额外产量。企业的目标是利润最大化，所以，利润最大化的目标决定了资本和劳动的需求量。由于本章中，假设要素供给不变，所以我们转向考虑，什么决定了要素需求。，Y是产出，K是资本量，L是劳动量，F是生产函数，取决于技术。...............
Vue计算属性的学习笔记
12-04
本文为大家分享了Vue计算属性的学习笔记，供大家参考，具体内容如下 ①模板内的表达式实际上只用于简单的运算，对于复杂逻辑，使用计算机属性。 ②基础例子： <p>Original message:"{{message}}" <p>Computed ...
详解Angular2学习笔记之Html属性绑定
12-29
-- 第二种情况 替换 class 类的部分属性 --> ]=isSpcial>CSS 类绑定，[class.sepcial] 部分替换的例子 <!-- 第三种情况 根据表达式显示部分 class 属性--> <div [ngClass]={a:isA, b:is
Vue学习笔记之计算属性与侦听器用法
01-19
本文实例讲述了Vue计算属性与侦听器用法。分享给大家供大家参考，具体如下： vue之所以加载速度非常块，是因为在数据改变时，它并不是将所有组件都刷新，而是在重用代码的基础上对发生改变的地方进行渲染。同时，还...
jQuery学习笔记 操作jQuery对象 属性处理
12-11
元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN}) 获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将...
React核心知识点总结（全）
丢失的Litte_志伟的博客
01-15 2873
React知识点总结（全） 一：React脚手架（create-react-app（cra）） 1：安装 cnpm install -g create-react-app 2:初始化项目 create-react-app demoNmae 3：了解react脚手架中的webpack配置文件 ​ 释放配置文件（一般不释放） npm run eject（要删除目录下的.git文件） 释放所有的webpack配置文件 4：理解react设计的核心思想，一切皆为组件，可以细化一个元素 5：React开发特性
双向绑定介绍以及vue双向绑定的原理说明
丢失的Litte_志伟的博客
11-27 1535
双向绑定的原理（vue） 简介： 双向绑定：指的就是，绑定对象属性的改变到用户界面的变化的能力，反之亦然。换种说法，如果我们有一个user对象和一个name属性，一旦我们赋了一个新值给user.name,在UI上就会显示新的姓名了。同样地，如果UI包含了一个输入用户姓名的输入框，输入一个新值就应该会使user对象的name属性做出相应的改变。 vue双向绑定的实现（2.0以上） 一：通过这个方法 Object.defineProperty 来实现 双向绑定 （ vue 2.x） 二：Object.prox
React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期）
丢失的Litte_志伟的博客
12-23 1127
React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期） React组件内部state数据 当state中的数据发送变化以后，会调用render方法重新渲染VDOM。 state相当于重写，因为在react中，就有这个 setState方法： 为了解决多次设值state产生的多次渲染，会使用节流方法多次设值进行合并处理，相当于vue中的this.$nextTick（）方法 如果需要得到重新赋值后的值，应该在回调中去拿 经典使用场景：第二次ajax请求，依赖第一次aj
使用node.js来连接mongodb数据库
丢失的Litte_志伟的博客
11-24 715
使用node.js来连接mongodb数据库 一：mongodb简介 MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。 二：准备工作 1、安装node.js，官网地址：https://nodejs.org
android开关按钮背景图,Android自定义控件之开关按钮学习笔记分享
05-27
好的，关于 Android 开关按钮的背景图和自定义控件，我可以为您提供一些学习笔记和分享。 1. Android 开关按钮背景图 在 Android 中，开关按钮的背景图可以通过 drawable 文件夹下的 xml 文件来实现。以下是一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值