pink-H5C3 提高（新特性）

最新推荐文章于 2024-05-09 13:55:26 发布
最新推荐文章于 2024-05-09 13:55:26 发布
阅读量111 收藏
点赞数
分类专栏： 前端学习笔记 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenshikada/article/details/119516031
版权

1.CSS3新增的属性、结构伪类和伪元素选择器

image-20210626110755918

image-20210626110820891

image-20210626110837378

image-20210626110851076

image-20210626110919699

image-20210626110937668

2.CSS-2D转换、移动、旋转和缩放属性

二维坐标系

image-20210625231642052

image-20210625231714014

image-20210625231755314image-20210626002537051

image-20210625231909573

image-20210625231942820

image-20210625232013516

3.CSS3 3D转换、移动、旋转和缩放属性

注意当旋转和移动一起存在时，旋转会使坐标轴也跟着旋转，之前的2就是因为这个所以要先移动在前再旋转

image-20210626161031589

image-20210626161137653

image-20210626161336152

image-20210626161425298

image-20210626162019376

image-20210626162224968

透视，越小越近，效果越明显

image-20210626163511989

image-20210626163913710

image-20210626164743180

image-20210626164915068

image-20210626165327156

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qruw9r7H-1628409802451)(C:\Users\KAN\AppData\Roaming\Typora\typora-user-images\image-20210626165513707.png)]

4.CSS3动画属性

image-20210626111101974

image-20210626111804778

image-20210626111829345image-20210626112605839

image-20210626111908242

image-20210626112124467

image-20210626112218251

image-20210626112308242

image-20210626112329204

浏览器私有前缀

image-20210626195613039
image-20210626195823237

云诗卡达
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H5&C3---黑马pink.7z
01-06
原视频链接：...是pink老师分享的课件。有部分没有的内容我在学习的过程中补充在博客专栏中了：https://blog.csdn.net/h200102/category_10602748.html。还有部分内容是自己的练习。
pink-H5C3提高（新特性）
xieanna123的博客
12-11 187
pink-H5C3提高（新特性） 视频链接：pink-H5C3提高 目录 什么是HTML5 H5新增语义化标签 H5新增多媒体标签 H5新增input表单，表单属性
pink-H5C3基础（提高部分）
xieanna123的博客
12-11 148
黑马程序员-CSS3+HTML5 安排： 1-2，HTML5新增的标签和属性 3-5，css3新增的样式 6，h5+c3案例回顾
pink-H5C3 基础（提高部分）
WENSHIKADA的博客
08-08 105
pink-H5C3 基础（提高部分） 一、HTML5的新增特性 新增语义化标签 视频标签 音频标签 新增input 类型的标签 新增的表单属性 二、CSS3的新增特性 新增选择器 CSS3盒子模型 CSS3其他特性 CSS3新增过渡 ...
pink前端--H5C3新特性--HTML5新特性标签
m0_64882756的博客
04-09 665
区域标签视频mp4音频头部标签侧边栏标签导航栏标签
pink-H5C3基础（基础部分）
xieanna123的博客
12-11 194
个人学习路线 1.尚学堂的HTML+css基础 2.
【CSS】H5C3新特性
m0_62827829的博客
10-06 148
【CSS】H5C3新特性
h5c3提高---CSS3的新特性---7.30
weixin_50768118的博客
08-02 80
新增选择器、盒子模型、其他特性、CSS3过渡
h5c3提高---HTML5的新特性---7.29
weixin_50768118的博客
07-30 73
HTML5新增的语义化标签、HTML5新增的多媒体标签、HTML5新增的input类型标签属性
H5C3新特性
zxl2029的博客
07-15 105
HTML5新增语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：定义文档某个区域 <aside>：侧边栏标签 <footer>：尾部标签 音频标签<audio> 视频标签<vidio> 当前<vidio></vidio>视频元素仅支持三种视频格式，尽量使用MP4格式。 属性 值 描述 autoplay aut
Apink-LUV.mp4
04-20
Apink-LUV.mp4
pinknoise_pink-noise百度_粉红噪声_色噪声
09-11
粉红色噪声，用于验证各种色噪声下的算法性能。非常适合
vim-pink-moon：vimneovim色彩设计
02-02
vim-pink-moon：vimneovim色彩设计
pink-js-sunday
04-18
JavaScript中的数组和对象 嗨，欢迎来到研讨会！ :)
CSS 选择器知识点总结
weixin_40348267的博客
05-05 953
但是记得不可滥用!选择器是 CSS 中的关键部分，允许你精确地定位和样式化特定的元素或元素组。这篇文章的内容是 CSS 的选择器，这是写页面样式的第一步，知道 CSS 有哪些选择器是每个前端工程师必会的内容之一。：没有特定性或源代码顺序的概念，但需要注意的是某些样式属性具有继承性，例如字体属性，它们可以从父元素继承到子元素。这些是 CSS 的常用选择器，将这些选择器组合起来使用，或者是嵌套使用可以改变选择器的权重。a：内联样式（在元素的 style 属性中定义的样式）的数量（权重值最高，值为1000）。
CSS：border作用
2302_79730293的博客
05-08 735
CSS：border作用
CSS：盒子模型
最新发布
2301_79263365的博客
05-09 817
如果所有的标签都想象成盒子，那么我们对网页的布局就相当于是摆放盒子！
【CSS基础--CSS选择器的常见用法】
m0_63440113的博客
05-08 357
层叠样式表，由于控制页面的样式。CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，能够做到页面的样式和结构分离。通俗的可以认为是现代化妆。
帮我做出https://black-pink.fandom.com/wiki/Ros%C3%A9/Quotes的侧栏
06-09
好的，您需要一个类似于 https://black-pink.fandom.com/wiki/Ros%C3%A9/Quotes 的网站侧栏，用于导航到不同的页面和部分。以下是一个简单的侧栏示例： HTML 代码示例： ```html <aside> <h3>Navigation</h3> <nav> <ul> <li><a href="#">All Quotes</a></li> <li><a href="#">Inspirational Quotes</a></li> <li><a href="#">Funny Quotes</a></li> <li><a href="#">Love Quotes</a></li> <li><a href="#">Sad Quotes</a></li> </ul> </nav> </aside> ``` CSS 代码示例： ```css aside { background-color: #f2f2f2; padding: 20px; width: 200px; } aside h3 { margin-top: 0; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { margin-bottom: 10px; } nav a { color: #333; display: block; padding: 5px; text-decoration: none; } nav a:hover { background-color: #ccc; } ``` 这些代码示例可以帮助您开始构建您的网站侧栏，但请注意，您需要根据您的具体需求进行修改和调整。您可以添加更多的页面链接、更改样式、更改布局等等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值