css
文章平均质量分 74
css
迪卢克的现任
这个作者很懒,什么都没留下…
展开
-
微信小程序遮罩层悬浮窗踩坑
有遮罩层之后底层的页面还会触发滚动遮罩层只在页面初始的地方有,如果滚动到下方就没有了原创 2022-09-15 11:24:01 · 1385 阅读 · 3 评论 -
变形、过渡以及动画效果
一、css变形(transform)效果1、CSS3中实现变形的优点:(1)不需要加载额外的文件(flash文件) (2)提供开发效率(3)提高页面的执行速度2.transform属性中的变形函数transform:none | transform-functionnone:不变形transform-function:指定变形函数1.matrix(<number>,<number>,<n...原创 2021-10-27 16:44:00 · 297 阅读 · 0 评论 -
盒子塌陷问题
目录一、盒子塌陷问题二、如何解决盒子塌陷问题1.给d1盒子添加合适高度2.清除d2盒子的浮动一、盒子塌陷问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi原创 2021-10-20 18:00:05 · 121 阅读 · 0 评论 -
盒子模型——CSS+DIV页面布局浮动定位
目录一、页面布局主要步骤二、CSS的定位机制三、浮动布局1.浮动属性:2.清除浮动总结一、页面布局主要步骤(1)确定版心:网页的主体内容,在页面中水平居中显示(2)分析页面中的模块: 简单的页面布局,主要由头部(header)、导航(nav)、焦点图(banner)、内容(content)、页面底部(footer)五部分组成(3)控制页面中各个模块 :这个布局中,div承载的是内容,而css承载的是样式。二、CSS的定位机制1.普通流方式:有元素在html...原创 2021-10-20 17:22:04 · 1418 阅读 · 0 评论 -
HTML5中的多媒体标签的使用
一、音、视频文件的格式音频支持格式 视屏支持格式 mp3 mp4:mpeg-4 wav webM ogg ogg 二、音、视屏标签的用法1.音频标签的使用方法<audio src="音频文件全名" controls></audio>autoplay:是否自动播放(但是谷歌Chrome和苹果Safari等浏览器禁止自动播放,添加muted也不可以自动静音播放)loop:循环播放2.视屏标签的使用方法&l...原创 2021-10-27 15:31:36 · 257 阅读 · 0 评论 -
CSS的选择器
一、什么是选择器?在CSS中定位页面中的标签(控件)二、CSS的属性选择器类型 描述 标签名[属性名] 选择含有给定属性的标签 标签名[属性名=值] 选择含有给定属性值的标签 标签名[属性名^=值] 选择给定属性值是以某个字符开头的 标签名[属性名$=值] 选择给定属性值是以某个字符结尾的 ...原创 2021-10-13 16:50:39 · 278 阅读 · 0 评论 -
css3的滤镜
目录一、滤镜是什么?二、滤镜的实现:filter属性1.模糊效果:2.设置图像的亮度3.图像的对比度4.阴影效果5.其他属性一、滤镜是什么?对图像、图像进行的视觉处理(模糊、饱和度、对比度等)二、滤镜的实现:filter属性1.模糊效果:blur(number),number越大图像越模糊2.设置图像的亮度brightness(number),number越大图像越亮,number不能取负值。可以是整数也可以是百分比 3.图像的对比度...原创 2021-10-27 17:13:20 · 185 阅读 · 0 评论 -
网格布局和圣杯布局
目录一、网格布局二、圣杯布局1.代码示例及结果2.css中的长度单位一、网格布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt..原创 2021-10-27 00:41:30 · 144 阅读 · 0 评论 -
盒子模型基础
一、盒子模型盒子模型是网页布局的基础,只有掌握了盒子模型的各种规律和特征,才可以更好地控制网页中各个元素所呈现的效果。把所有的网页元素都看成一个盒子,它具有:content(内容);padding(内边距,也叫填充距离,内容和边框之间的距离);border(边框)margin(外边距,盒子与其他元素之间的距离);原创 2021-10-20 11:58:03 · 257 阅读 · 0 评论 -
盒子模型——弹性盒子
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、display:flex属性Flexbox 是 flexible box 的...原创 2021-10-27 00:28:40 · 770 阅读 · 0 评论 -
CSS基础知识(一)
一、CSS是什么?1.1css概念CSS的全称是CascadingStyleSheets,层叠样式表,用来控制HTML标签样式,在美化网页中起到非常重要的作用1.2为什么使用CSS1、HTML标签的样式比较单一很难维护,样式表的切换可以改变网站整体界面风格。2、样式表能实现内容与样式的分离,方便团队开发。二、CSS的嵌入方式1.行内嵌入代码如下(示例):<!DOCTYPE html><html lang="en"><head...原创 2021-10-09 19:39:33 · 113 阅读 · 0 评论 -
CSS3的精灵技术
目录一、精灵技术的本质二、制作精灵图:用ps制作三、如何使用一、精灵技术的本质简单地说,CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去,然后将大图应用于网页,这样,当用户访问该页面时,只需向服务发送一次请求,网页中的背景图像即可全部展示出来。通常情况下,这个由很多小的背景图像合成的大图被称为精灵图(雪碧图)。原文链接:https://blog.csdn.net/qq_38496329/article/details/106933399原创 2021-10-27 17:25:00 · 195 阅读 · 0 评论