• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • 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 下一页