随笔分类 -  CSS

盒子模型
摘要：所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。最典型的盒子标签及DIV标签。CSS盒模型本质上是一个盒子，它包括：边距，边框，填充，和实际内容。 不同部分的说明： Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) 阅读全文
posted @ 2022-03-30 16:22 码农阿亮 阅读(206) 评论(0) 推荐(0)
CSS适应移动端
摘要：目的：设计网站的时候考虑多屏幕尺寸的兼容显示问题。 一、viewport viewport指网页的可视区域。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页元素都挤到很小的窗口中（这样会破坏没有针对手机浏览器优 阅读全文
posted @ 2022-03-30 16:19 码农阿亮 阅读(434) 评论(0) 推荐(0)
CSS制作网页动画
摘要：一、transition定义动画过度效果 /*transition: 第一个参数：过渡效果生效的样式属性，all代表所有属性变化都可以有设置的过度效果 第二个参数：过渡时间 第三个参数：过渡效果样式 （1）linear:匀速 （2）ease:慢-》快-》慢 （3）ease-in:慢->快 （4）ea 阅读全文
posted @ 2022-03-30 16:17 码农阿亮 阅读(312) 评论(0) 推荐(0)
CSS 定位
摘要：使用position属性给网页进行定位，position样式的取值有如下几种： static：默认值，没有定位或者叫静态定位。 relative：相对定位 absolute：绝对定位 fixed：固定定位 一、static定位 <style type="text/css"> #big{ width: 阅读全文
posted @ 2022-03-30 16:15 码农阿亮 阅读(48) 评论(0) 推荐(0)
css浮动
摘要：一、行内标签和块状标签 HTML标签的分类可以分为行内标签和块状标签，在默认情况下，他们的特点如下： 行内标签特点：（1）从左向右排列；（2）不能设置元素的宽度和高度 块状标签特点：（1）从上向下排列；（2）可以设置元素的宽度和高度 常用行内标签有： 常用块状标签有： 备注：HTML标签的显示类型是 阅读全文
posted @ 2022-03-30 16:13 码农阿亮 阅读(37) 评论(0) 推荐(0)
div和span块行内和块级元素互转
摘要：span设置为块级元素 <!-- 将span设置为块级元素 --> <span style="display: block;">abc</span> div设置为行内元素 <!-- 将div设置为行内元素 --> div前面的文本<div style="color: red; display: in 阅读全文
posted @ 2022-01-27 10:12 码农阿亮 阅读(822) 评论(0) 推荐(0)
CSS的选择器
摘要：一、基本选择器 通用选择器 选择所有的元素,此处*为所有通配符 * { color: #0000FF; } 元素选择器 p { font-size: 18px; font-weight: bold; } ID选择器 #whit{ color: red; } 类选择器 .wh{ font-family 阅读全文
posted @ 2022-01-27 09:18 码农阿亮 阅读(45) 评论(0) 推荐(0)