- 博客(26)
- 收藏
- 关注
RSS订阅原创 移动端wab开发
项目名称：小U商城项目描述小U商城是面向移动端的专业综合网上购物商城，我们要完成 首页、列表页、详情页等静态页面的制作技术选型布局采取rem适配布局设计图尺寸本设计图采用 750px 设计尺寸开发工具VScode蓝湖。
2022-10-26 20:08:14
139
原创 css3过渡动画
语法transition: css样式 动画的执行时间 速度类型 动画的延迟时间;多个css属性用逗号隔开注意：谁发生了属性的改变 就加在谁身上属性css样式：参与过渡的css属性名称|all表示所有属性动画执行时间：默认0s，s|ms(毫秒) 1s=1000ms速度类型。
2022-10-26 20:06:24
212
原创 怪异盒模型啊
的距离由margin决定属于同一个bfc的相邻的box的margin会发生塌陷。display转行内快（inline-block 也可以触发）在内部的box会垂直方向，一个接着一个的排序box在垂直方向。web页面中盒模型布局的css渲染模式块级模式渲染上下文。它是一个独立的渲染区域里面的元素和外面的元素毫不相干。实际高度=内容（height）中间盒子不会受到两边盒子的影响。他的宽度=内容（width）
2022-10-26 19:57:01
58
原创 什么是语义话
绝对路径文件在目录中的绝对位置完整描述，常见的绝对路径一种由其在网络上的绝对位置定义的位置，一种是本地从盘符出发的绝对位置。概述:相对路径是指由这个文件所在位置为参考基础，而建立出的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。边框是围绕内容和内边距之间的一条或多条线，通过边框属性指定一个元素的边框的宽度、样式和颜色。
2022-10-26 19:56:19
92
原创 背景和渐变
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。text 此光标指示文本。contain:包含，等比例缩放背景图片到完整显示在盒子中，有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满（宽高给大点）backgrond: repeating-radial-gradient(渐变形状/圆心, 颜色1 范围1, 颜色2 范围2, ...);/* contain:包含，等比例缩放背景图片到完整显示在盒子中，但是背景图可能在区域范围内铺不满（宽高给大点） */
2022-10-26 19:50:10
93
原创 阿里图标库盒子文字阴影圆角
1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码，下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式：下载代码1、Unicode 方式引用Unicode 是字体在网页端最原始的应用方式，特点是：兼容性最好，支持 IE6+，及所有现代浏览器。支持按字体的方式去动态调整图标大小，颜色等等。但是因为是字体，所以不支持多色。
2022-10-26 19:42:50
222
原创 css 其他属性
webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。内部的Box会在垂直方向，一个接一个地放置 Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，
2022-10-26 19:39:29
60
原创 css定位布局
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置，环绕在周围。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-10-25 21:29:02
187
原创 css布局以及清除浮动方法
网页中有很多布局效果，标准流没有办法完成，使用可以利用浮动改变元素默认的排列方式，举例说明（如网页中横向排列的模块或者一左一右排列的模块）。1.1、浮动的概念浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】。1.2、浮动属性floatleft 左浮动right 右浮动float:none 不浮动(默认值)1.3、浮动的基本特性可以使块元素在一行排列脱离文档流提升层级。
2022-10-25 21:27:50
86
原创 css选择器及其特征和一些解决问题方法
2.1 继承性2.1.1 概念父元素向后代元素传递属性的机制。2.1.2、表现后代元素会继承父元素的属性。2.1.3、总结常用可继承的属性font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等2.1.4、强制继承每个CSS属性都接受这些值inherit，表示强制开启了继承”。2.1.5、作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。3.2、优先级。
2022-10-25 21:23:46
178
原创 css初学基础2
CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。（即装东西的容器）所有 HTML 标签可以看作盒子，在 CSS 中，"box model" 这一术语是用来设计和布局时使用的。（即网页布局就是利用 CSS 摆盒子）
2022-10-24 20:13:14
54
原创 css初学基础1
可继承的属性 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:"微软雅黑","宋体";
2022-10-24 20:09:24
60
原创 html须知3 以及初识css
表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。类比：excel表格&网页中的表格未定宽度的表格、单元格适应内容同一行只识别一个高，取最大值同一列只识别一个宽，取最大值表格可以包含其他HTML标签以及表格全称：Cascading Style Sheets，通常称为CSS样式表或层叠样式表（级联样式表）。
2022-10-24 20:07:47
92
原创 html初学须知
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。“超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。“标记语言”：标记语言是由一套标记标签组成的。
2022-10-24 20:01:46
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人