
CSS
文章平均质量分 70
格鲁的斯图尔特
大四计算机专业学生,前端学习中
展开
-
爱心动画效果,教你如何更改颜色背景的爱心
表白爱心代码,《点燃我,温暖你》电视剧同款代码,grt李峋的爱心代码原创 2022-11-27 13:05:46 · 2047 阅读 · 1 评论 -
iconfont字体图标下载
把鼠标放在图标上面,就会显示购物车,点击加入购物车即可此时就会有一个压缩包下载了,解压到当前文件夹,可以将文件名个名字这里面点击FontClass就可以使用图标的类名了(下面那一行)同时这个页面也有使用步骤。一定是,否则会显示不了iconfont.css。...原创 2022-07-24 00:08:51 · 1666 阅读 · 0 评论 -
CSS基本知识总结(HTML+CSS)
英文全称:Cascading Style Sheets中文名称层叠样式表。给页面中的HTML标签设置样式。是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS有3种引入方式:行内式:将样式写在元素(标签)的 style属性内。(配合javascript使用)-->是当前标签中内嵌式:将样式写在 style元素内。(任意位置,通常写在head标签中)-->当前页面中外链式:通过link标签,引入CSS文件内的样式。(多个页面)-->.css文原创 2022-06-09 22:42:42 · 1173 阅读 · 0 评论 -
背景图片相关应用-铺满,自适应
数值,或者top,right,bottom,left等,center:距离页面左边的定位,0px:距离页面上面的定位auto:默认值,保持背景图片的原始高度和宽度。contain:缩放为尽可能大的尺寸(但其宽度和高度都必须适合内容区域)。宽跟父级一样高后,就不会缩放了,当宽度或高度和盒子尺寸相等,图片就不再缩放.这样,取决于背景图像和背景定位区域的比例,可能存在一些未被背景图像覆盖的背景区域。cover:缩放背景图像,以使内容区域完全被背景图像覆盖(其宽度和高度均等于或超过内容区域)。图片完全覆盖到整个盒子原创 2022-06-08 15:00:00 · 6336 阅读 · 1 评论 -
CSS常见图片居中,文字居中,版心居中集合
1.margin:0 auto;(水平居中)2.margin: auto;(垂直水平居中)3. 定位居中(垂直水平)适用于未知宽高,已知高度也可以用4.text-align水平居中,主要使用:文字居中5.行高line-height垂直居中,适用于:文本6.Flex居中(垂直水平居中)7.width:fit-content; (水平居中)设置width:fit-content;同时设置margin:auto;实现元素居中;8.margin-top(垂直水平居中)9.vertical-align:middle.原创 2022-06-09 14:44:57 · 9137 阅读 · 0 评论 -
块,行内块元素之间存在间隙
存在换行,空格,回车等操作时,浏览器解析默认会有空格。将两个照片标签放在一行但是这样就没有遵循Web标准来开发(HTML编写网页结构和内容,CSS控制布局,文本/图片等的显示样式)父元素设置:font-size:0px;但是,如果父元素有文字,会让文字大小一块变化(文字大小变成0)margin设置为负值我这里的图片,设置-5px即可,根据自己的图片进行微调即可但是,需要自己对每个元素间的距离进行微调,如果空格占位发生改变,需要把每一个元素间距离再次进行修改。父元素设置为弹性布局,添加float.原创 2022-06-06 19:08:09 · 183 阅读 · 0 评论 -
元素显示模式:块级,行内,行内块,嵌套规范,显示模式转换
img有行内块元素特点,但是Chrome显示为inline,1.块级元素(可独块)block,2.行内元素(不可多行)inline,3.行内块元素(可多行内块)inline-block原创 2022-06-06 18:02:03 · 500 阅读 · 0 评论 -
使用vertical-align不能让图片和文字垂直居中对齐
1.使用vertical-align: middle;不能让图片和文字垂直居中对齐,文字偏上2.使用line-height ,此时图片偏下3.尝试使用定位的方式,让图片与文字都在同一个起点,然后给文字加margin-left往后移动一段距离...原创 2022-06-05 11:50:03 · 795 阅读 · 0 评论 -
(学成在线)CSS静态页面--浮动布局,常见错误
浮动/display: 盒子模型; 头部:header:负责头部区域的样式 , wrapper只负责版心的效果网站的首页,所有网站的首页都叫index.html,因为服务器找首页都是找index,html当一个标签有两个标签名,两个标签名中又出现了同一个css属性时,最好将其合并,或者分开书写。2.关于input的placeholder的样式使用placeholder的伪元素3.关于图片的对齐方式4.clearfix清除浮动...原创 2022-06-04 18:53:03 · 202 阅读 · 0 评论