html
文章平均质量分 85
周末不逾快
这个作者很懒,什么都没留下…
展开
-
CSS字体 ,文本属性
可继承的属性 font-size font-family font-style font-weight font line-height text-align text-indent color。白色: rgb(255,255,255) 、黑色 : rgb(0,0,0) 红色: rgb(255,0,0) 、绿色: rgb(0,255,0) 、蓝色: rgb(0,0,255)/*font-family:"宋体","微软雅黑";/*font-family:"微软雅黑","宋体";原创 2023-02-26 17:10:43 · 131 阅读 · 0 评论 -
什么是响应式设计
也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。原创 2023-02-26 17:03:48 · 162 阅读 · 0 评论 -
响应式web开发
响应式设计的页面会根据用的的行为以及设备的环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。此概念于2010年5月由国外著名网页设计师Ethan Marcotte(伊森·马科特)所提出意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。具体的实践方式由多方面组成,包括弹性盒、弹性网格布局、响应式图片、CSS media query的使用等。背景:移动互联网的发展,为了满足移动互联网多终端显示的需求 催生了响应式式布局的诞生,原创 2023-02-26 16:58:58 · 724 阅读 · 0 评论 -
CSS Grid(网格) 布局
CSS Grid 网格布局可以将网格元素放置在与这些行和列相关的位置上,进而快速、便捷的对页面结构进行布局,提高工作效率“flexbox” 是一维的布局,是因为一个 “flexbox container” 一次只能处理一个维度上的元素布局,一行或者一列。相比较 “Grid网格布局”,则是二维布局可以同时处理行和列上的布局通常适用于布局页面主要的区域布局或小型组件。原创 2023-02-26 16:55:30 · 166 阅读 · 0 评论 -
css3过渡动画——transition属性
语法transition: css样式 动画的执行时间 速度类型 动画的延迟时间;多个css属性用逗号隔开注意:谁发生了属性的改变 就加在谁身上属性css样式:参与过渡的css属性名称|all表示所有属性动画执行时间:默认0s,s|ms(毫秒) 1s=1000ms速度类型。原创 2023-02-26 16:52:49 · 1317 阅读 · 0 评论 -
阿里矢量图标(字体图标)
随着互联网技术的快速发展,加之智能设备的迅速普及,传统网站都已经逐渐向移动端转移和扩展,移动端web开发技术的掌握也显得尤为重要。移动端Web主要指运行在移动端(手机、ipad)的web页面, 因为具备HTML5特性也叫H5页面、Web App等。【H5页面、微网页、微站、wap站、webAPP】如:京东商城手机版,淘宝触屏版,苏宁易购手机版相关阅读:WebApp与Native App的区别?在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;原创 2023-02-26 16:50:17 · 413 阅读 · 0 评论 -
html弹性盒子
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。原创 2023-02-26 16:47:14 · 499 阅读 · 0 评论 -
CSS3阴影
contain:包含,等比例缩放背景图片到完整显示在盒子中,有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满(宽高给大点)正数阴影扩大(阴影大小大于盒子大小),负数阴影缩小(阴影大小小于盒子大小),0阴影与盒子同等大小。/* contain:包含,等比例缩放背景图片到完整显示在盒子中,但是背景图可能在区域范围内铺不满(宽高给大点) */background:repeating-linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);原创 2023-02-26 16:44:11 · 380 阅读 · 0 评论 -
**HTML5**
html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。原创 2023-02-25 13:45:14 · 52 阅读 · 0 评论 -
css.布局技巧
当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态原创 2023-02-25 13:41:21 · 72 阅读 · 0 评论 -
HTML 书写规范
小U课堂。原创 2023-02-25 13:39:24 · 807 阅读 · 0 评论 -
CSS 精灵
Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。原创 2023-02-25 13:37:08 · 204 阅读 · 0 评论 -
CSS 定位布局
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素: 使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置,环绕在周围。相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。原创 2023-02-25 13:34:35 · 117 阅读 · 0 评论 -
CSS 布局
网页中有很多布局效果,标准流没有办法完成,使用可以利用浮动改变元素默认的排列方式,举例说明(如网页中横向排列的模块或者一左一右排列的模块)。1.1、浮动的概念浮动可以使元素【脱离文档流】,【按照指定方向排列】,直到遇到父元素的边界或另一个浮动元素【停止】。1.2、浮动属性floatleft 左浮动right 右浮动float:none 不浮动(默认值)1.3、浮动的基本特性可以使块元素在一行排列脱离文档流提升层级。原创 2023-02-25 13:32:22 · 50 阅读 · 0 评论