- 博客(9)
- 收藏
- 关注
原创 第一阶段-day09-svg
一、概述.jpg .png-8 png-24 .jpeg 位图 (固定的像素点 单位像素点) 缩放会失真SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真。SVG 文件可以直接插入网页,成为 D...
2019-11-22 09:54:36
197
原创 第一阶段——day09
day09传统布局: 盒模型 (width,border,padding,margin) 浮动 (图文环绕,盒子并排) 定位 绝对定位 子绝父相 (复杂 ,层级关系)小米项目1:前期准备项目的文件夹网页三剑客网站标题<title> 小米商城 - Redmi No...
2019-11-20 10:50:29
148
原创 第一阶段——day07
day075大常用浏览器Chrome 内核 -webkit- -blinkFirefox 内核 GeckoIE TridentSafari WebkitOprea 欧朋 Presto兼容性处理—》为了浏览器表现一致常见兼容问题1:图片下间隙问题现象:原因:解决方法:2:...
2019-11-20 10:46:25
184
原创 第一阶段——day06
day061:浮动属性对元素显示模式的影响显示模式 display: block /inline /(inline-block)块级元素 + float—行内块行内 +float ---- 去掉间隙 设置宽高起作用 —行内块行内块 +float — 行内块 float属性 也会将盒子变成私有领域 (BFC) 所以不会互相影响 —》vertical-ali...
2019-11-20 10:43:51
204
原创 第一阶段——day05
day04 盒模型盒模型组成: 有效内容(width,height) ,内边距 padding ,外边距margin ,边框 border独立 盒子 :位置移动 , 内部与边框的距离width,height 必备 width,height px 100% 以父元素的宽度作为参考padding: 有效内容与边框的距离 撑开盒子 (内减)margin:...
2019-11-20 10:39:47
114
原创 第一阶段——day04
标签 结构css : 属性 文本相关 font 背景 backgroundday04布局第一大核心 (盒模型 / 框模型)content: 有效内容区域padding: 内边距border: 边框margin: 外边距简述盒模型 盒模型包含有效内容区域 ,边框,内边距以及外边距部分盒模型的宽度 = width + padding-left+padd...
2019-11-20 10:38:43
181
原创 第一阶段——day03
day03em ,i , strong,b ,u ,ins ,del,s ,p ,a ,imgdiv spanul>li type=" circle/desc/square" ol>li type=“a/i/A/I1” start=“3” dl>dt+ddtable > caption + tr > td th默认:...
2019-11-20 10:23:09
134
原创 第一阶段——day02
h1-h6p 段落b strongi emu inss del 换行(文字)align: left / right /centerwidth: npx;color:blue; 空格 空格©¥><img路径: 绝对 C:/a/...
2019-11-12 22:14:39
184
原创 第一阶段——day01
day01HTML 语言:HyperText Markup Language 超文本 标记 语言超:? 超越文本 文件 文本文件 .txt : 只能写字符超在网页html文件 可以插入图片,音频,视频,链接形式:标签形成成对标签 闭合标签 双标签<开始标签>内容(可以是标签+文字)</结束标签>w3c规范的关键字 <di...
2019-11-12 22:02:55
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人