- 博客(13)
- 收藏
- 关注
RSS订阅原创 移动端布局概念及属性
移动端布局移动端视口：视口（viewport）就是浏览器显示内容里面的浏览区，视口可以分为布局视口，视觉视口理想视口1.布局视口（layout viewport）2.视觉视口（visual viewport）3.理想视口（ideal viewport）理想视口对于设备来说是最理想的视口尺寸需要手动添加meta视口标签通知浏览器操作meta视口标签的主要目的：布局视口的宽度应该与理想视口的宽度一致，简单理解就是设备有多宽，我们...
2022-03-01 19:58:55
338
原创 弹性盒与瀑布流
伸缩布局盒模型（弹性盒模型）1.说明： css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。flex容器会使子项目扩展来填充可用空间，或缩小他们以防止溢出容器。flexbox布局（弹性盒）...
2022-03-01 19:41:18
739
原创 元素定位+锚点
元素定位+锚点1.属性position 属性值：static默认值 ，absolute绝对定位【绝对定位默认依据(html)定位】 relative相对定位 ，fixed绝对定位（固定定位） 需要配合方向（top,bottom,right,left）使用。1.1 绝对定位：如果父元素有定位，依据有定位的父元素定位（定位值不为static时）。 绝对定位会脱离布局流，不占位。 层级顺序z-index：number；默认为0，...
2022-03-01 19:39:55
543
原创 盒模型概念
盒模型的概念盒模型是CSS布局的基石，规定了网页元素如何显示以及元素间相互关系。CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（内填充）、边框、边界(外边距)这就是盒模型。3.盒模型的组成盒模型组成 = content(内容) + padding(内填充) + border(边框) + margin(外边距)内填充：padding,在设定页面中一个元素内容到元素的边缘(边 框) 之间的距离。 也称补白。padding不可以写负值！4.paddi..
2022-03-01 17:40:04
1879
原创 浮动原理详解
浮动详解1.浮动属性语法：float:none/left/right;注：*浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 *浮动后的元素会脱离标准流(不会脱离文本流) *浮动后的元素相当于置换元素元素（一行显示多个、可以设置宽高）注意：1.浮动的元素是互相贴靠在一起的（不会有缝隙），如果父级宽度装不下这些浮动，多出的盒子会另起一行显示2.如果行内元素有...
2022-03-01 17:37:27
924
原创 背景图属性
.引入背景图片:background-image:url();png支持背景透明，jpg不支持背景透明。设置背景图片大小：background-size6.背景图片的显示原则a.容器尺寸等于图片尺寸，背景图片正好显示在容器中；b.容器尺寸大于图片尺寸，背景图片将默认平铺，直至铺满元素；c.容器尺寸小于图片尺寸，只显示容器/元素/范围以内的背景图。补充：网页上有两种图片形式：插入图片、背景图；插入图片：属于网页内容，也就是结构。背景图：属于网页的表现，背景图上可以显示文字、
2022-03-01 17:36:12
2793
原创 字体属性原理
字体属性20.元素左右居中margin:auto; 底部添加边框：边框大小 线型 边框颜色 例如：border-bottom:1px solid color 文字上下居中：line-height: 文字左右居中：text-align 选择符下级可不起名字用：div:nth-child()21.版权符号：©； ¥；22.字体大小：选择器（font-size:12px/14px/16px;） ...
2022-03-01 17:33:39
299
原创 CSS选择器
9.class选择器： 1.通过class起名字。<标签 class=“类名”> </> 通过.l类名{声明；声明；} 2.class选择器通过“.”(英文点号)名字设置样式，开发最常用 3.长名称或词组可以使用横线来为选择器命名 4.一定要用英文命名10.多类名选择器<div class="red font20>名称</div>1.在标签class属性中写多个类名2.多个类名中间必须用空格隔开3.可以把一些标签元素...
2022-02-28 13:52:11
341
原创 CSS基础
1.CSS汉译:层叠样式表，就是如何修饰网页信息的显示样式。 层叠性：给同一个元素添加相同的CSS属性，属性值会存在覆盖问题（代码执行顺序从上向下执行）,比如给网页添加颜色。2.CSS语法：CSS由两部分组成：选择符（选择器）例div{}，声明（属性：属性值组成）例：声明{属性：属性值；}语法说明：a.每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值；b.属性必须放在花括号中，属性与属性值用冒号连接。c.每条声明用分号结束。d.当一个属性有多个属性值的时候，..
2022-02-28 12:17:38
84
原创 HTML表格表单制作
1.数据表格的作用及组成作用：显示数据，展示数据组成：<table>用于定义表格的标签 <tr>行 <th>内容<th>表头单元格 <td>内容</td>单元格 <td>内容<td>单元格 .... <tr></table>1.<table>...
2022-02-28 12:07:05
7340
2
原创 img标签以及超链接
.图片相对路径 插入图片imgtitle="鼠标滑过显示文字" alt="图片加载失败显示文字" src="图片存储路径"a.位置在上一层，返回用.. 点击用/ 上一层文件夹图片用"../文件夹名/图片名字"图像标签注意的点：1.图像标签可以拥有多个属性，必须写在标签后面。2.属性之间不分先后顺序，但必须用空格隔开。3.属性采取键值对的格式，即key=“value”的格式，属性="属性值”4.src是必须要写的.超链接 <a href="链接地址"&...
2022-02-28 11:02:32
4635
原创 HTML基本语法与标签
1.常规标记/标签 <div></div>文档区域，文档布局对象 span的用法 <span></span> 文本结点（某一小段文本，或是某一个字） 空标记<标记/><br/>说明：a.在<>中的第一个单词叫做标记，标签，元素。 b.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”内。 c.一个标记可以没有属性也可以有多个属性，属性和属性之间...
2022-02-28 10:50:33
347
原创 HTML概念
1.HTML(Hyper Text Markup Language)称为超文本标记语言 由一套标签组成的语言称为标记语言 XHTML 可扩展超文本标记语言c2.W3C万维网联盟 制定了结构html和表现css的标准 WHATWG 网页超文本应用技术工作小组，推动H5标准为目的的组织 ECMA 制定行为的标准 Web标准 结构（xhtml，...
2022-02-28 10:00:11
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人