自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 圣杯布局

圣杯布局 就是实现两边宽固定,中间宽自适应。

2022-09-09 05:00:00 300

原创 移动Web 第三天

PC端: 屏幕大,网页固定版心 PC端浏览器繁多,更多考虑兼容性问题。(布局:浮动+定位+标准流)移动端: 手机屏幕小,网页宽度多数为100%,是适配手机屏幕宽度 移动端则基本不考虑兼容性问题,使用css新特性。

2022-09-09 04:30:00 123

原创 移动Web 第二天

空间是从坐标轴角度定义的。x、y和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。/* 视距: 透视的距离, 加到父元素上, 一般是800px-1200px, 眼睛距屏幕的距离 */空间转换也叫3D转换//语法//取值 (正负均可)像素单位数值百分比。

2022-09-09 04:00:00 115

原创 移动Web 第一天

灵活性:灵活地修改样式,例如:尺寸、颜色等​轻量级:体积小、渲染快、降低服务器请求次数​兼容性:几乎兼容所有的主流浏览器​使用方便。

2022-09-09 03:30:00 100

原创 day07

1、标准流 块级元素独占一行——>垂直布局 行内元素/行内块元素一行显示多个——>水平布局2、浮动 可以让原本垂直布局的块级元素变成水平布局3、定位 可以让元素自由的摆放在网页的任意位置 一般用于盒子之间的层叠情况。

2022-09-09 03:00:00 61

原创 移动Web 第四天

核心做法: 在像素大厨里面选择2X,利用background-size 缩放背景图片 测量坐标即可。修改主轴方向属性:flex-direction。调整行对齐方式:align-content。主轴默认是水平方向,侧轴默认是垂直方向。背景精灵图也存在二倍图。

2022-09-08 23:02:55 131 2

原创 day06

根据html结构来进行元素的选择第一个子元素父级 子级:first child {}最后一个子元素父级 子级:last-child {}任意的子元素父级 子级:nth-child(数字/关键字) {}数字1.....n, n代表全部的元素关键字even 偶数odd 奇数公式2n 偶数/2的倍数 4n奇数 2n+1 2n-1从第几个开始 n+6前三个 -n+3了解从后选择第一个子元素根据类型选择元素。

2022-09-08 22:41:00 60

原创 day05

1、继承性(嵌套)后代元素会默认继承部分父级的样式 ​ 能够继承的样式 ​ color ​ font系列 ​ text-indent 文本缩进 ​ line-height 行高 ​ line-style:none;清楚li默认样式 ​ 继承的应用 ​ 某些情况下简化代码 ​ 给body设置文字颜色和文字大小 ​ 继承失效的情况 ​ a 不能继承颜色 ​ h 系列不能继承 文字大小 font-size2、层叠性此时div标签的颜色是绿色。...

2022-08-16 22:22:44 84

原创 day04--CSS基础

1、复合选择器1.1 后代选择器:空格作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素 选择器的语法:选择器1 选择器2{css} 注意点: 后代包括:儿子、孙子、重孙子…… 后代选择器中,选择器与选择器之前通过空格隔开1.2 子代选择器:>作用:根据HTML标签的嵌套关系,选择父类元素子代中满足条件的元素 选择器语法:选择器1>选择器2{css} 注意点: 子代只包括:儿子 子代选择器中,选择器与选择器之间通过>隔开2、并集选择器:,...

2022-08-15 15:15:02 133

原创 day03--CSS基础

1、CSS的中文名叫做层叠样式表2、CSS的作用是:给页面中的HTML标签设置样式4、CSS引入方式:内嵌式:CSS写在style标签中---小案例外联式:CSS写在一个单独的 .css文件中---项目中行内式:CSS写在标签的style属性中---配合js使用5、标签选择器选择器作用:选择页面中对应的标签,方便后续设置样式。(css属性名:属性值;)标签选择器的作用:通过标签名,找到页面中所有这类标签,设置样式注意点:标签选择器选择的是一类标签,而不是单独某一个。...

2022-08-13 23:08:05 107

原创 day02--html基础标签

列表标签,html的语义化标签

2022-08-11 22:05:41 107

原创 day01--html学习

html基础知识,关于html的思维导图

2022-08-10 22:08:40 225

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除