会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
YZD无敌
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
上一页
1
···
7
8
9
10
11
12
下一页
2020年3月11日
3.css选择器
摘要: + , >三种选择器前后都可使用类名
阅读全文
posted @ 2020-03-11 20:59 努力到死
阅读(116)
评论(0)
推荐(0)
实战有感3
摘要: 任何一个部分都要放在div里面: 图标什么的都放在a 标签中,因为要实现点击图标跳转的作用。 红框里的都是标题标签 news 放在em标签里面,news后面图标放在i标签里面 小绿三角是可以用i标签做的,但是为了优化代码减少标签可以用伪元素来做给li:after
阅读全文
posted @ 2020-03-11 17:09 努力到死
阅读(69)
评论(0)
推荐(0)
2020年3月10日
实战有感2-轮播图
摘要: 1.伪元素不算标签元素,js无法控制伪元素。 2.轮播图 图的处理 : ①使用li里面包裹img的方式,li要设置绝对定位(absolute),利用left top与margin设置绝对居中,但有时图片小不够用,会出现空白,要给li设置background 【推荐】②不放img ,直接给backgr
阅读全文
posted @ 2020-03-10 16:21 努力到死
阅读(179)
评论(0)
推荐(0)
2020年3月8日
实战有感1
摘要: 1.input 给 outline:none text-indent placeholder="xx" font-size a 标签 可给 display:block 一般用在<ul> <li> <a> <i></i> <span>xxx</span> </a> </li> </ul> ul>li*
阅读全文
posted @ 2020-03-08 10:18 努力到死
阅读(131)
评论(0)
推荐(0)
2020年1月20日
第三十五节-新增标签看csdn
摘要: aside是侧边栏 样式如下: figure是图片区域 figcaption是图片描述
阅读全文
posted @ 2020-01-20 12:02 努力到死
阅读(73)
评论(0)
推荐(0)
2020年1月11日
第二十八节-3d 盒子(transform transition )炫酷操作
摘要: div > ul > li*7 或者用 div 中间li + 3d 效果:translateX() translateY() translateZ() rotateX() rotateY() rotateZ() xyz 见图: z轴正方向是往网页里面的 x,y正方向如图 旋转顺时针为正 需要注意x/
阅读全文
posted @ 2020-01-11 14:06 努力到死
阅读(201)
评论(0)
推荐(0)
2020年1月9日
transition的属性与使用,绝对定位初始值要设0,以及淡入淡出,消失
摘要: transition:过渡,控制变化属性的 比如控制hover改变的宽高等 四个属性:1.transition-property:(属性) 2.transition-duration:(过渡时间) 3.transition-delay:(延迟多长时间 开始过渡) 4.transition-timin
阅读全文
posted @ 2020-01-09 13:40 努力到死
阅读(1645)
评论(0)
推荐(0)
2020年1月4日
复合写法需要注意的
摘要: 1.复合写法:background: url(" ") no-repeat position/size color 注意如果position没变化要写 0 0不能不写 background:url("") no-repeat 0 0 /size 2. 字体样式可写复合写法:要求 :字体大小放在倒数第
阅读全文
posted @ 2020-01-04 20:35 努力到死
阅读(316)
评论(0)
推荐(0)
第十七节-伪类、伪元素与选择器
摘要: 伪类与伪元素不同: css伪类:link visited active first-child hover focus css3伪类:nth-child() nth-last-child() first-of-type last-of-type nth-of-type() nth-last-of-t
阅读全文
posted @ 2020-01-04 17:39 努力到死
阅读(186)
评论(0)
推荐(0)
第十六节-选择器优先级以及a标签的伪类
摘要: 小米案例必须会。 id选择器 > class选择器 > 标签选择器 hover是伪类优先级与class相同。 a:link{ }(未被点击时的) a:visited{ }(点击过后) a:active{ }(点击时的)
阅读全文
posted @ 2020-01-04 16:24 努力到死
阅读(165)
评论(0)
推荐(0)
上一页
1
···
7
8
9
10
11
12
下一页