2019年11月24日
7.vertical-align属性
摘要： 本节学习目标： 图片、表单和旁边的文字对齐 解决图片底部默认空白缝隙问题 1.图片、表单和旁边的文字对齐 默认的图片、表单等行内元素或行内快元素是和文字的基线对齐的，但在实际情况下，我们想让他们中间对齐或底部对齐，这时我们可以设置vertical-align属性 vertical: top|midd 阅读全文
posted @ 2019-11-24 20:53 chachii 阅读(90) 评论(0) 推荐(0)
6.用户界面-鼠标样式、表单轮廓
摘要： 本节学习目标： 我们的鼠标在经过某些图表或文字的时候，会变换不同的样式； 取消表单多余轮廓和文本框右下角可以改变尺寸的标志。 1 . 设置鼠标样式 li {cursor:pointer;}属性 属性值 描述 default 小白 pointer 小手 move 移动 text 文本 not-allo 阅读全文
posted @ 2019-11-24 20:23 chachii 阅读(99) 评论(0) 推荐(0)
5.css三角的做法
摘要： 如上图所示，类似这样的小三角都可以通过以下代码写出： .box1 { width: 0; height: 0; /* border: 10px solid pink; */ border-top: 10px solid pink; border-right: 10px solid red; bord 阅读全文
posted @ 2019-11-24 19:57 chachii 阅读(127) 评论(0) 推荐(0)
2019年11月22日
3.仿土豆显示隐藏遮盖案例
摘要： 结合隐藏元素和定位的知识后，完成仿土豆显示隐藏遮盖案例 其中要注意的点： 1.子绝父相 2.新学到的知识点 ：背景颜色与背景图片可以同时使用 background: rgba(0, 0, 0, .4) url(images/arr.png) no-repeat center; <!DOCTYPE h 阅读全文
posted @ 2019-11-22 10:42 chachii 阅读(199) 评论(0) 推荐(0)
2.元素的显示与隐藏
摘要： 元素显示与隐藏学习 阅读全文
posted @ 2019-11-22 09:55 chachii 阅读(278) 评论(0) 推荐(0)
2019年11月15日
1.块元素、行内元素、行内块元素
摘要： 块元素 常见的块元素有<h1>~<h6>、<p>,<ul>,<ol>,<li>,<div> 文字类的元素内不能使用块级元素 <p>标签主要存放文字，因此<p>里面不能放块级元素，特别是不能放<div> 同理，<h1>~<h6>等都是文字类块级标签，里面也不能放其他块级元素。 行内元素 常见的行内元素 阅读全文
posted @ 2019-11-15 09:36 chachii 阅读(100) 评论(0) 推荐(0)