![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
ysn121101
世间之苦不言多,苦中作乐方向为妙
展开
-
学习web前端之css第三天
css 语法规则 字体样式 文本样式 列表样式 盒子样式原创 2019-08-05 14:48:41 · 113 阅读 · 0 评论 -
学习web前端之css第四天
css布局 浮动布局 脱离文档流: 宽度高度默认由内容决定 原先所在位置就会被其他块元素抢占 浮动元素在一行中依次排列,当一行无法容纳的时候会自动换行 应用: 全部浮动(2+ 列) ul::after { display:block; content:""; clear:both; } ul> li { float:left; ...原创 2019-08-05 18:44:51 · 118 阅读 · 0 评论 -
学习web前端之css第二天
css介绍 在html中如何应用css 语法 选择器 1.核心选择器 2.层次选择器 3. 属性选择器 4.伪类选择器 5.伪元素选择器原创 2019-08-02 09:18:22 · 249 阅读 · 0 评论 -
学习前端web之css第五天
CSS选择器优先级 当多个选择器选择同一个元素的时候,并且选择器中的规则相同,这时哪套规则可以胜出 因素 !important 优先级最高 权重 style属性:1000 <div style=""></div> id选择器:100 #one{ } 类选择器,伪类选择器,属性选择器:10 .one{ } .one:first-child{ } input[type...原创 2019-08-08 15:30:25 · 80 阅读 · 0 评论 -
学习web前端之css第七天
过渡 过渡transition和动画animation区别 transition必须要触发,一般用 :hover transition不需要设置关键帧 简单的过渡效果使用transition,复杂的动画使用animation 用法 transition-property ------指定过渡的属性 transition-property:width; --------可以指定一个属性 t...原创 2019-08-13 19:36:37 · 104 阅读 · 0 评论 -
三种方法让子元素在父元素中水平垂直居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中</title> </head> <style> /*子元素在父元素中水平垂直居中的三种方法*/ .one{ height: 200px; ...原创 2019-08-19 15:23:22 · 1311 阅读 · 0 评论 -
学习前端web之css第六天
CSS动画 过渡原创 2019-08-11 10:09:09 · 65 阅读 · 0 评论 -
学习web前端之css第七天
轮播 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lunbo</title> <style> .container{ width: 300px; height: 200px; border:1px s...原创 2019-08-12 20:07:59 · 75 阅读 · 0 评论 -
“品”字布局两种方法
用定位布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台布局-定位</title> <style> html { color: #333; font:normal 12px '微软雅黑','Micros...原创 2019-08-12 20:16:56 · 1635 阅读 · 0 评论