html+css
关注
分享
扫一扫
文章平均质量分 59
一些css基础+实例
Bella..
这个作者很懒，什么都没留下…
展开
-
CSS3(四）3D转换以及浏览器私有前缀
1.1 三维坐标系三位坐标系-->立体空间，由3个轴共同组成1.2 3D移动 translate3d3D移动在2D移动的基础上多加了一个z轴的可移动方向,z轴正值越大，我们看到的物体就越大合并写法xyz轴不能直接省略，如果没有就写01.3 透视perspective(越小效果越明显）/* style里面的内容*/body{ /* 透视写到被观察元素的父盒子上面 */ perspective: 200px;原创 2022-01-25 21:45:46 · 277 阅读 · 0 评论 -
CSS3 动画
目录1.1 动画的基本使用1.2 动画序列1.3 CSS3动画常见属性1.4 CSS3动画简写1.5 大数据热点图案例1.6 速度曲线细节动画(animation)是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比于过渡，动画可以实现更多变化，更多控制，自动连续播放等效果。1.1 动画的基本使用制作动画分为两步：先定义动画，在使用调用动画1.用keyframes定义动画（类似定义类选择器）@keyfra.原创 2022-01-20 00:19:58 · 1745 阅读 · 0 评论 -
CSS3的新特性(三）2D转换
转换(transform)是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换(transform)可以简单理解为变形移动：translate 旋转：rotate 缩放：scale原创 2022-01-17 23:42:06 · 1817 阅读 · 0 评论 -
CSS3的新特性(二）
1.1 CSS3 盒子模型CSS3中可以通过box-sizing来指定盒模型，有2个值：content-box、border-box,这样我们计算盒子大小的方式就发生了改变。两种情况：1.box-sizing：content-box 盒子大小为width+padding+border（以前默认的）2.box-sizing：border-box 盒子大小为width如果盒子模型改为box-sizing：border-box，那padding和border就不会撑大盒子了（前提是padd原创 2022-01-16 18:09:20 · 353 阅读 · 0 评论 -
CSS3的新特性(一）新增选择器
CSS3的现状：1.CSS3新增选择器1.1 属性选择器1.属性选择器可以根据元素特定属性来选择元素，不用借助类或者id选择器2.匹配上面选择符：^表示选择开头，$选择结尾，*选择任意名字 <style> /* 1.必须是input，但同时具有value这个属性 */ /* input[value]{ color: pink; } */ /* 2. */原创 2022-01-15 23:56:23 · 275 阅读 · 0 评论 -
HTML5新增
HTML5新增特性：新的标签，新的表单，新的表单属性（有兼容问题，IE9以上版本）1.HTML5的新特性 1.1 HTML5新增的语义化标签以前布局，都用div来做，对搜索引擎来说并不友好，是没有语义的，以下为HTML5新增标签<header> : 头部标签 <nav> ：导航标签 <article> : 内容标签 <section> : 定义文档某个区域 <aside> : 侧边栏标签 <footer>...原创 2022-01-14 18:06:14 · 343 阅读 · 0 评论 -
NO.1试题总结周报
板块一：选择基础总结1.关于css的正确描述1）CSS 是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计2）使用 CSS 能够简化网页的格式代码， 加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。3）CSS 是 Cascading Stylesheets 的缩写，中文意思是层叠样式表2.在 Html 标记中，用”align=center”可以将整个表格在页面中居中3.bgcolor="blue"将当前页面设置为蓝色4.在html中，原创 2021-10-31 22:26:49 · 426 阅读 · 1 评论 -
淘宝伪网页简单复原
html和css还有放图片的文件夹要在一个目录底下改成自己的电脑路径┗|｀O′|┛ 嗷~~字体图标可以从icomoon或者iconfont上白嫖，我没找完嘿嘿P.S没整的完全一样，随便看看HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-12-04 14:13:00 · 1097 阅读 · 2 评论 -
NO3.类选择器深入
板块一：用类选择器画盒子 代码展示： 结果展示：板块二：类选择器的多类名 1.定义：给一个标签指定多个类名（一个标签有多个名字）...原创 2021-11-02 22:35:30 · 86 阅读 · 0 评论 -
No2.CSS两类基础选择器
关于CSS两类基础选择器的简单了解一：CSS选择器的作用 根据不同需求把不同的标签选出来总结：CSS做了两件事： 1.找到所有h1标签，选择器（选对人） 2.设置这些标签的样式，比如颜色为red（做了什么事）二.标签（元素）选择器 1.定义：用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。实例：代码：代码结果：2.优点 ...原创 2021-11-01 22:19:40 · 258 阅读 · 0 评论 -
第二周周报
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页.原创 2021-11-14 22:11:40 · 242 阅读 · 0 评论 -
第一个css网页周报
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>纳兰.原创 2021-11-07 21:14:44 · 165 阅读 · 0 评论