- 博客(12)
- 收藏
- 关注
RSS订阅
1原创 字体图标、语义化标签、css3滤镜、html5的音频和视频标签、css3渐变
字体图标、语义化标签、css3滤镜、html5的音视频标签、css3渐变
2022-07-07 10:54:45
127
原创 浮动以及清除浮动
一、三种传统布局方式：普通流（标准流）根据标签特性从上到下排列浮动（改变元素标签默认的排列方式）定位二、float 创建浮动框float: left/right;特性：1.离标准流的控制（浮）移动到指定位置（动）：脱标2.浮动的盒子不会保留原先的位置（“飘”起来了）3.如果多个盒子设置了浮动，则按照属性值一行内显示并且顶端对齐排列4.浮动元素具有行内块特性5.任何元素都可以浮动6.如果块级盒子没有设置宽高，默认与父级100%，但添加浮动后，宽随内容决定7.浮动的盒子中间没有间隙
2022-05-31 17:37:30
47
原创 盒子模型和盒子样式
一、盒子模型1、外边距（margin）margin: auto; //auto只能给左右，横向居中，只能使用在块级元素margin:20px; //上下左右都是20像素margin:0px 10px; //上下0像素，左右10像素margin:10px 2px 0px; //上10像素，左右2像素，下0像素，margin:1px 2px 3px 4px ; //上1像素，右2像素，下3像素，左4像素margin-top/bottom/left/right: ; //分开写法**2
2022-05-31 17:03:05
299
原创 css的三大特性
1、层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖另一个冲突的样式原则：样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个。不冲突，不会层叠长江后浪推前浪，后面的样式会覆盖前面的样式2、继承性子标签会继承父标签的某些样式（text-，font-，line-，color）3、优先级选择器相同，则执行层叠性选择器不同，则根据选择器权重执行，权重大，就选择 选择器 权重 集成（通配符） 0 标签选择器 1 类选择器
2022-05-31 15:55:43
318
原创 css背景和元素显示模式及转化
背景1、背景颜色background-color //默认：transparent（透明）background: rgba(0,0,0,.3); //半透明文字也可变透明2、背景图片background-image:none/url(路径)background-size //背景图片尺寸尺寸的属性值 效果20px 10px 宽度，高度100% 跟随父元素cover 覆盖盒子contain 保留图片宽高比例3、背景位置ba
2022-05-30 21:03:03
159
原创 css文本属性和文字属性
文字属性1、字体样式（一般默认为微软雅黑，或者根据浏览器默认）font-family:"宋体";2、字体大小（默认16像素，字体最小12像素）font-size: 20px;3、字体粗细属性值 效果normal 默认bold/bolder 加粗lighter 变细font-weight:20;4、字体样式（em标签和i标签会让文字倾斜）font-style:italic（倾斜）/ normal（不倾斜）;5、复合写法font: style
2022-05-30 20:08:42
284
原创 css的引入方式、基础选择器、复合选择器
引入方式1、行内式：通过style写在标签里，作用范围小2、内部样式<head> ..... <style> div{ color:red; font-size:11px; } </style></head>3、外部样式<head> ..... <link href="css的路径" rel="stylesheet" ></head>基础选择器1、标签选择器：针对一类标签
2022-05-30 17:55:34
97
原创 html基本标签
标题标签：<h1>-<h6>段落标签：<p>盒子标签：<div>文本容器：<span>文本格式化标签：<strong>/<b>加粗，<em>/<i>倾斜，<del>/<s>删除线，<ins>/<u>下划线，<small>定义小号字体，<sup><sub>定义上下标水平线标签：<hr>换行：<
2022-05-30 17:03:48
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人