美烦资源网

专注技术文章分享,涵盖编程教程、IT 资源与前沿资讯

CSS必知|重点属性flex|实践技巧|温故知新

学海无涯,不要沉浸在知识的海洋里,迷失自己。

要知道自己想要什么,抓住重点,不忘初心。

这个世界上百分之20的人,掌握着百分之80的财富。

接下来一系列教程,就带领大家抓住重点,一起做那百分之20的人。

往期知识点回顾:

教你玩会 CSS3 3D 技术(css3动画3d)

css3的3d起步

CSS简写指南(css样式的简写属性)

高效的CSS写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。

色彩缩写

色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:

css零基础自学教程(十五)css3过渡与转换

一 css3过渡 转换

css3过渡(transition)允许我们在限定的时间内从一个属性值转变到另一个属性值.

●transition-property:指定要转换的属性

●transition-duration:指定转换发生的持续时间


transition-timing-function:指定转换的速度在其持续时间内如何变化

●transition-delay:指定过渡效果的延迟(以秒为单位)

CSS3新特性——盒子模型、模糊、函数和过渡

#大有学问#

盒子模型

什么是CSS3?(什么是CSSCI)

什么是CSS?


CSS是一种表现HTML或XML等文件样式的计算机语言,可以静态修饰网页和脚本语言动态地对网页各元素进行格式化,还能够对网页中元素位置的排版进行像素级精确控制,具有丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩等特点。

基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转

基于css3新属性transform,实现3d立方体的旋转

通过原生JS,点击事件,鼠标按下、鼠标抬起和鼠标移动事件,实现3d立方体的拖动旋转,并将旋转角度实时的反应至界面上显示

实现原理:通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标,来获得鼠标在X轴、Y轴移动的距离,将距离实时赋值给transform属性

从而通过改变transform:rotate属性值来达到3d立方体旋转的效果

HTML代码块:

CSS基础知识(七)CSS背景(css背景颜色rgb)

一、CSS背景属性

1.背景颜色(background-color)

属性值:transparent(透明的)或color(颜色)

HTML中script标签中的那些属性(script属于html标签吗)

HTML中的<script>标签详解

HTML

vue3新特征和所有的属性,方法汇总及其对应源码分析

vue3新特征汇总与源码分析

(备注:vue3使用typescript编写)

何为应用?

const app = Vue.createApp({})

app就是一个应用。

应用的配置和应用的API就是app应用的属性和方法。

1.应用配置:

    控制面板
    您好,欢迎到访网站!
      查看权限
    网站分类
    最新留言