background-size:cover | cotain 背景图object-fill: fill/ contain / cover / none / scale-down fill 默认值。内容拉伸填满整个content box, 不保证保持原有的比例。contain: 保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致,长的那条等比缩放,可能会有留白。cover: 保持原有尺寸比例。宽
转载 2021-04-28 22:49:33
632阅读
2评论
<P class="top">国家航天局发布天问一号探测器拍摄高清火星影像</P>p><a href="https://www.sina.com.cn/"><img src="../Desktop/项目/图片1.png" width="80"  alt="" /></a> 国内新闻>正文</p><p alig
原创 2021-03-24 15:14:32
1543阅读
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css基础</title><styletype="text/css">/*样式定义样式名称|样式选择器{样式1:值1;样式2:值2;}简单的样式名称:(1)标签名作为样式名称*/p{colo
原创 2017-11-27 18:20:20
706阅读
Html+CssHtml+CssHtml+Css2-1 HTML快速入门2-2 HTML基本语法2-3 新闻文本案例2-4 头条页面案例12-5 注册页面案例2-6 快速入门2-7 基本语法2-8 头条页面案例22-9 登录页面案例
原创 2021-08-02 15:06:34
308阅读
html,css
原创 2018-09-14 22:55:37
684阅读
1点赞
       现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实
转载 2023-08-23 18:19:10
218阅读
一、先来个实战1. 测试案例需求: 要求表情库里所有表情包大小都固定实际效果: 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。例如://html <body> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> ....
转载 2023-07-16 17:23:08
355阅读
前言做过安卓开发的都知道点九图,我们在一张图片的上边框、左边框用鼠标拖动一下,就能决定某一张图片哪些区域可以被拉伸,如下图: 上图中红色区域是可以被拉伸的,四个角落的白色区域是不会被拉伸的。比较典型的一个应用场景是聊天界面中的气泡,由于每次打的字内容长度都不一样,所以聊天气泡需要被拉伸以便能刚好容纳大家发送的内容。但是,如果随意拉伸,很可能就会出现下图的效果(图片摘自郭霖的《第一行代码》): 如果
转载 2023-09-03 14:36:50
384阅读
HTML+CSS测试,理论也是重要的,考试与实操结合,才是检验所学及所掌握的标准 。
原创 2016-12-08 10:15:07
733阅读
1点赞
一、旋转太极图<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旋转太极
原创 精选 2023-12-23 16:32:44
1572阅读
看 .box{ position: absolute; top: 0; left: 0; right:...
原创 2023-06-02 00:05:35
117阅读
html
原创 2023-02-10 09:37:58
49阅读
html css 这里我们 使用到 position : absolute;同时设置 bottom:0;left:0; 来生成 绝对定位 因为我们这里 position : absolute 要生效, 相对于 static 定位以外的第一个父元素进行定位 所以我们 设置父元素为相对定位
转载 2019-09-04 23:50:00
6931阅读
2评论
在前端展示图片时,固定150px*150px容器中,经常出现图片展示不全问题 解决:使用css加背景图片 <a class="card showimage" :style="{'background-image':'url('+bg.png+')'}" v-for="(item, index) in ...
转载 2021-09-23 16:17:00
2568阅读
2评论
cc
原创 2022-06-07 15:37:17
91阅读
 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览; 六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎
原创 2012-10-08 14:15:15
392阅读
笔记:html,css,blockquote,q,span,strong,em
转载 精选 2016-03-15 23:44:14
466阅读
1评论
html
原创 2023-02-10 09:38:02
47阅读
zx
原创 2022-06-07 15:38:03
91阅读
最近在FCC学习前端,将学到的知识点整理如下:1、常用标签及基本样式设置1)标题     h1 一级标题 主标题,h2 副标题,h3,h4···字体依次往下减小2)段落标签p,用来创建段落3)注释    html中注释用4)设置样式    第一种:直接在元素中使用style进行修改,如,可爱的猫咪  &nbs
原创 2023-12-26 12:42:27
37阅读
  • 1
  • 2
  • 3
  • 4
  • 5