（9月10日）学习笔记 css3属性介绍

最新推荐文章于 2021-01-15 20:55:02 发布
最新推荐文章于 2021-01-15 20:55:02 发布
阅读量110 收藏
点赞数
分类专栏： 学习笔记 文章标签： css css3 html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50518977/article/details/108507211
版权

css3介绍：

1、css3层叠样式表，css层叠，样式表和权重的规则，优先级针对于样式表，权重针对于选择器
2、css3时css的第三个版本，并不是一门新的语言
3、css3新增了很多的属性，不是一个单一的模块（规范），多个模块的同时进行的，这样的好处彼此之间不会相互影响
4、之前的css发展中，类似于一个小作坊，几个人什么都要干。css3针对了不同模块的划分，提高了效率

在这里插入图片描述

选择器


在这里插入图片描述
在这里插入图片描述
CSS3私有属性：

浏览器的私有前缀，其实也是为了解决浏览器的兼容问题

在这里插入图片描述
文字阴影
在这里插入图片描述
盒子阴影
在这里插入图片描述
transition属性：
在这里插入图片描述
英文换行：
在这里插入图片描述
颜色特性，透明

rgba子元素不会继承透明度

在这里插入图片描述

pray Serendipity
关注
专栏目录
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
CSS学习笔记Padding 属性中参数的定义与使用
10-30
在CSS（层叠样式表）中，`padding`属性是一个非常重要的概念，它用于设置元素内部的空白区域，也就是元素内容与其边框之间的距离。这个属性可以帮助我们在布局时创建间距，提升页面的视觉效果和可读性。在CSS中，`...
《CSS3》学习笔记大全
最新发布
04-12
"CSS3 学习笔记大全" CSS3 是当前 Web 开发中最重要的样式表语言之一，它能够使得网页变得更加炫酷，之前需要用 JavaScript 才能实现的效果现在用 CSS3 就可以轻松实现。下面是 CSS3 的一些重要知识点： CSS3 简介...
html+css和html5+css3的学习笔记。
06-10
3. **浮动与定位**：学会如何使用float和position属性来控制元素的位置。 4. **响应式设计**：利用媒体查询（media queries）实现不同设备上的适配。 5. **Flexbox**：掌握布局容器的设置和子元素的对齐方式。 6. **...
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
12-10
css3特性中最令人兴奋的莫过于选择器的增强，例如属性选择器可以根据某个属性值来选择标记，位置选择器可以根据子元素的位置来选择标记。 在目前很多使用的很多浏览器，例如IE7,主要支持css2.大部分属性选择器都不...
React核心知识点总结（全）
丢失的Litte_志伟的博客
01-15 3069
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 1617
双向绑定的原理（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 1184
React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期） React组件内部state数据 当state中的数据发送变化以后，会调用render方法重新渲染VDOM。 state相当于重写，因为在react中，就有这个 setState方法： 为了解决多次设值state产生的多次渲染，会使用节流方法多次设值进行合并处理，相当于vue中的this.$nextTick（）方法 如果需要得到重新赋值后的值，应该在回调中去拿 经典使用场景：第二次ajax请求，依赖第一次aj
Vue项目总结
丢失的Litte_志伟的博客
12-18 790
vue项目总结 一：使用vue脚手架搭建项目框架 具体操作步骤，参见志伟的博客 二：项目开发 1：系统进入页面，登录页面逻辑业务实现（路由指向） 在APP端，我们的用户根据手机号，获取验证码登录。账号和密码在系统PC端的后台系统进行管理。（后台管理系统，由系统超级管理员进行用户权限设置） APP端的登录业务逻辑实现流程图（个人手绘，介意的话，参考下面德明老师的标准流程图） （德明老师的标准流程图） 2：首页业务实现即相关逻辑分析 项目布局优化—通用全局组件注册 ​ 在我们的项目会存在很多次页面跳转，以
使用node.js来连接mongodb数据库
丢失的Litte_志伟的博客
11-24 756
使用node.js来连接mongodb数据库 一：mongodb简介 MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。 二：准备工作 1、安装node.js，官网地址：https://nodejs.org
（2020年11月10日学习笔记）项目中gulp工具使用流程
丢失的Litte_志伟的博客
11-10 739
项目中gulp工具使用流程 一：安装全局gulp命令行工具 npm i gulp-cli -g 二：初始化项目(生成package.json文件) npm init 三：安装局部gulp npm gulp -D 四：创建项目子文件夹 五：创建gulpfile.js文件 六：在gulpfile.js文件中创建任务 ​ 1：制定paths路径（分为src（源）与 dist（或public）等目标路径），需要制定路径的有html，js，css，imgs，libs等src源里面的文件夹 ​ ​ 2：创建h
vue中的状态管理器（Vuex）
丢失的Litte_志伟的博客
12-07 638
vue中的状态管理器（Vuex） vuex插件 vuex是专为vue.js应用程序开发的状态管理模式 原理 当我们的组件数据发送改变的时候，我们这个组件的状态就改变了 数据改变就为一个动作，然后store进行数据扭转，进行视图展示，然后形成一个闭环 vuex提供一个仓库，为store，创建store实例对象。 通过使用我们的状态管理器，可以进行组件之间的通信 5个核心 分别是state、getter、mutation、action以及module。： 1、state state状态数据，在state中需要定
初始node，用node进行数据库连接（mongodb）操作，node后端接口开发，返回前端请求响应
丢失的Litte_志伟的博客
11-28 606
初始node，用node进行数据库连接（mongodb）操作，node后端接口开发，返回前端请求响应 一：node是什么？ 1、node.js是 一个js的运行环境，node是一个后端环境，搭载的是js语言 2、它可用于服务端开发，这样可以避免我们开发语言的不同，导致开发量增加（全栈） 3、单线程，指主线程为一个单线程，可以是使用库来实现多线程（fork方法） 4、因为它是单线程，可以用于做高并发的应用 （高并发：它通常是指，通过设计保证系统能够同时并行处理很多请求）。但高密集型计算不使用 5、未来-&
vue的动态组件、vue组件继承以及混合
丢失的Litte_志伟的博客
12-03 512
vue的动态组件、vue组件继承以及混合 vue的动态组件 在页面上使用component占位符来声明组件要放置的地方，使用名字来说明当前组件是谁 <component :is="组件变量名"> vue组件继承以及混合 继承：vue里面的继承都是单个继承。 使用extend来继承组件 extend:component 混合：把多个componentOptions 混合在一起，类似于实现一个多继承 mininxs:[component1,component2] 多例模式 每个子组件继承的属性
(2020年11月2日学习笔记)闭包深入理解，对象继承的方法（原型链继承，构造继承，语法糖继承）
丢失的Litte_志伟的博客
11-02 458
一：闭包 ​ 在一些使用场景中，我们不想使用全局变量，但是又不想每次使用后改变其值，这个时候该怎么做呢。高级一点说”一个变量既能重复使用，又不会污染全局“这时候闭包就产生了 闭包的重要理解：闭包可以在全局函数里面操作另一个作用域的局部变量 形成闭包的步骤 一：外层函数嵌套内层函数 二：内层函数访问外层函数的变量 三：外层函数的返回值为内层函数（注：不是返回内层函数的结果而是内层函数） 闭包的实现原理 这里引用了熊大林老师的关于闭包深入理解的文章 2、外层函数调用时 3、外层函数调用后 4、内层函数调用
vue中计算属性和观察属性
丢失的Litte_志伟的博客
12-07 404
vue中计算属性和观察属性 计算属性： computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 computed:{ //默认属性为一个getters属性 fullname: function (){ //被用来计算的数据，发生变化后，当前计算值会同步进行更
react中context的使用
丢失的Litte_志伟的博客
12-28 402
react中context的使用 context的作用： Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。 使用步骤 一：在react中通过我们的createContext方法创建我们的context 二：一个context中包含一个provider和consumer 三：创建我们的store文件，定义我们的提供者，返回我们的Context.Provider组件和Consumer组件，并在我们的Context.Provider组件给定value属性，必
使用vue脚手架（vue-cli）搭建项目框架
丢失的Litte_志伟的博客
12-01 313
使用vue脚手架（vue-cli）搭建项目框架 vue-cli 安装命令 一：npm install -g @vue/cli（4.0脚手架的安装命令） 二：使用npm/cnpm/npx/yarn 全局安装后的文件都放在C:\Users\demin\AppData\Roaming\npm 三、使用cnpm/npm uninstall @vue/cli 这个并不能完全删除我们的安装库，手动直接删除（Shift + Delete 按键永久删除安装包） （如果有一天vue使用不了），进入上面的目录，删除vue相关
vue的事件总线（EventBus）
丢失的Litte_志伟的博客
12-02 303
vue的事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的灾难，因此才需要更完善的Vuex作为状态管理中心，将通知的概念上升到共享状态层次。 创建EventBus Vue实例（两种方式） 一：在main.js里面创建 因为，我们是通过emit这个方法来触发EventBus的，而emit这个方法来触发E
HTML+CSS与HTML5+CSS3基础学习笔记
资源摘要信息:"html+css和html5+css3的学习笔记。" HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。CSS（Cascading Style Sheets，层叠样式表）用于描述HTML文档的表现形式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值