CSS
CSS
鸵鸟大师
这个作者很懒,什么都没留下…
展开
-
2-1、css选择器
2019前端复习笔记原创 2020-09-02 23:06:44 · 183 阅读 · 0 评论 -
2-2、CSS的文本样式
2019前端复习笔记原创 2020-09-02 23:07:55 · 70 阅读 · 0 评论 -
2-3、盒子模型
2-3、盒子模型宽度:width : 长度值 | 百分比 | auto最大宽度:max-width : 长度值 | 百分比 | auto最小宽度:min-width : 长度值 | 百分比 | auto高度:height : 长度值 | 百分比 | auto最大高度:max-height : 长度值 | 百分比 | auto最小高度:min-height : 长度值 | 百分比 | ...原创 2020-09-02 23:08:37 · 63 阅读 · 0 评论 -
2-4、CSS背景和列表
2-4、CSS背景和列表background-color 设置元素的背景颜色。background-image 把图像设置为背景。background-position 设置背景图像的起始位置。background-attachment 背景图像是否固定或者随着页面的其余部分滚动。background-repeat 设置背景图像是否重复及如何重复。background 简写属性...原创 2020-09-02 23:08:57 · 66 阅读 · 0 评论 -
2-5、float浮动
2-5、float浮动高度塌陷、浮动溢出:三个盒子,都给上背景颜色,第一个浮动,23不浮动,那么只会显示两个13,1把2挡住了。那么当其父元素不设置高度,由其内容自适应,如果三个都进行浮动,其父元素就没有高度了,这个称为高度塌陷浮动溢出。清除浮动:clear: none | left | right | both ;both是左右都清除。清除浮动只影响自身。以下方法既可以让元素横向排列,...原创 2020-09-02 23:09:16 · 100 阅读 · 0 评论 -
2-6、CSS定位(position)
2-6、CSS定位(position)position之staticposition: static; margin-left:auto; margin-right: auto;会水平居中相对于谁? 相对于自己原本的位置。堆叠:z-index: 数值 ;数值大的在上层。2 导航栏下滑到顶部时,吸附到顶部.position: sticky; top:0; to...原创 2020-09-02 23:09:27 · 51 阅读 · 0 评论 -
2-7、网页布局基础
2-6、网页布局基础经典的行布局基础的行布局行布局自适应行布局自适应限制最大宽行布局垂直水平居中行布局固定宽行布局某部位自适应行布局导航随屏幕滚动经典的列布局两列布局固定两列布局自适应三列布局三列布局自适应圣杯布局:双飞翼布局(圣杯布局调整):...原创 2020-09-02 23:09:36 · 68 阅读 · 0 评论 -
***补充部分
opacity: 0.5; 透明度原创 2020-09-02 23:12:22 · 117 阅读 · 0 评论 -
4-1、CSS3选择器
css3选择器原创 2020-09-02 23:10:08 · 106 阅读 · 0 评论 -
4-2、伪类选择器
4-2、伪类选择器动态伪类:这些味蕾并不存在于html中,只有当用户和网站交互的时候才会体现出来。锚点伪类: :link :visited用户行为伪类: :hover :active :focusfocus在input中,光标选中是的状态。UI元素状态伪类我们把 “:enabled” “:disabled” “:checked” 伪类成为UI元素状态伪类。三个分别是:...原创 2020-09-02 23:10:27 · 128 阅读 · 0 评论 -
4-3、CSS3边框与圆角
4-3、CSS3边框与圆角原创 2020-09-02 23:10:37 · 100 阅读 · 0 评论 -
4-4、CSS3背景与渐变
4-4、CSS3背景与渐变css3背景区域、定位、大小、图像、整合background-clip:指定背景绘制区域原创 2020-09-02 23:10:53 · 100 阅读 · 0 评论 -
4-5、CSS3文本与字体
4-5、CSS3文本与字体原创 2020-09-02 23:11:15 · 69 阅读 · 0 评论 -
4-6、CSS3转换
4-5、CSS3转换原创 2020-09-02 23:11:27 · 153 阅读 · 0 评论 -
4-7、CSS3过渡
4-6、CSS3过渡过渡(Transition)允许cSS的属性值在一定的时间区间内平滑地过渡在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。...原创 2020-09-02 23:11:36 · 74 阅读 · 0 评论 -
4-8、CSS3动画
5-1、CSS3动画使元素从一种样式逐渐变化为另一种样式的效果。手机设备的浏览器在使用CSS3动画时,要加上webkit前缀。animation-name 属性检索或设置对象所应用的动画名称。语法animation-name:keyframename I none;参数说明keyframename:指定要绑定到选择器的关键帧的名称;none:指定有没有动画(可用于覆盖从级联的动画...原创 2020-09-02 23:11:56 · 77 阅读 · 0 评论 -
4-9、CSS3动画示例
4-9、CSS3动画原创 2020-09-02 23:12:08 · 66 阅读 · 0 评论