前端学习（225）:尺寸属性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>CSS尺寸属性</title></head><body><p>图片宽度高度均为120px<img src="./img/43.jpg" /></p><p>设置最大宽度50px,小于原来宽度<img src="./img/43.jpg" style= "max-width: 50px;" /></p><p>设置最小高度150px,大于原来宽度<img src="./img/43.jpg" style= "min-height: 150px;" /></p><p>设置宽度高度与标准尺寸比例不一样<img src="./img/43.jpg" style= "width: 50px; height: 80px;" /></p><p>用百分比来设置宽度和高度<div style="width: 200px;height: 200px;"><img src="./img/43.jpg" style="width: 80%; height: 80%;" /></div></p></body>
</html>

运行结果

前端学习（225）:尺寸属性相关推荐

自学web前端怎么学？web前端学习路线css属性
自学web前端技术,如果才能找到一份web前端的工作.按照现在的招聘标准来看,无论你去哪个公司面试,你只需要满足他们公司的需求就可以.找到一份web前端工作需要掌握的内容如下: 首先是html,css ...
HTML 前端学习（4）—— CSS 属性相关
HTML 前端学习(4)-- CSS 属性相关设置长宽块级标签设置长宽行内标签设置长宽代码演示演示结果字体属性字体样式字体大小字体颜色字体粗细代码演示演示结果文字属性对齐方 ...
前端：CSS/09/行内框架，CSS简介，CSS选择器，组合选择器，CSS注释，CSS尺寸属性，CSS字体属性，CSS文本属性
内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...
从零开始前端学习[50]:js操作标签属性,读写属性标签
js操作标签属性标签属性 js下操作标签属性提示: 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 前端的一些标签属性标签属性:通俗的 ...
前端学习之路之图片轮播(已实现自动轮播)
前端学习之路之图片轮播近期学习了不少的前端知识和前端的一些应用,今天呢就实现了一下图片的轮播效果,话不多说. 图片轮播的本质就是类似走马灯,当用户点击指示器的时候,需要轮播的图片发生偏移就行了. 使 ...
前端学习1——HTML5
前端学习1--HTML5 0.HTML注释  1.基本标签 1.1.文档类型 <!DOCTYPE html> 1.2.文档信 ...
【FE前端学习】第二阶段任务-基础
技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握上文 [FE前端学习]第二阶段任务- ...
2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
html5页面结构案例,前端学习笔记（五）HTML+CSS静态页面实战案例：幸福西饼首页和百度首页...
按照知乎上面汪小黑推荐的前端学习路径,在自学了HTML和CSS之后,开始尝试实战制作静态页面小项目. 幸福西饼首页制作首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材.源 ...

前端学习（225）:尺寸属性

前端学习（225）:尺寸属性相关推荐

最新文章

热门文章