自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 文本溢出处理显示省略号

将左侧盒子向左移动 左盒宽度+中间盒子的宽度(margin-left: -(左盒+中盒宽度));将中间盒子向左移动中间盒的宽度(margin-left - 中间盒子的宽度)可以沉迷,可以抱怨,可以奔溃,,可以抱怨,可以奔溃,人要有自愈能力可以沉迷,可以抱怨,可以奔溃,,可以抱怨,可以奔溃,人要有自愈能力。将中间背景盒向右移动左侧盒子宽度(left: 左侧盒宽度)、右侧背景盒向移动中间盒子宽度(left: 中间盒宽度)结构——左侧背景盒中嵌套中间背景盒,中间背景盒中嵌套右侧背景盒;

2022-09-26 11:02:26 528 1

原创 一、弹性盒子

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。

2022-09-26 11:00:12 55

原创 什么是弹性盒子

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。

2022-09-21 08:30:19 83

原创 html5

html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。

2022-09-19 11:25:11 73

原创 css3基础

是css技术的升级版本,在css2的基础上,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。

2022-09-19 11:22:01 75

原创 基础前端知识

小U课堂。

2022-09-13 19:56:39 189

原创 HTML表单

表单:采集不同类型用户输入的数据,然后发送给服务器,实现用户与服务器之间的数据交互一个完整的表单包含:表单域,表单控件(表单元素),提示信息,共三个部分;

2022-09-07 08:34:49 57

原创 CSS显示模式

本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素:span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素:img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局。...

2022-08-31 18:39:07 60

原创 外边距问题及解决方法

兄弟关系外间距塌陷问题兄弟关系外间距塌陷问题现象:元素呈并列关系,在垂直方向相邻的margin外间距相遇,会出现叠加现象;

2022-08-29 19:29:43 53

原创 表格css属性

指定 CSS 表格边框,使用 border 属性,通常定义td,th的边框属性表格会呈现双边框,是因为表和 th / td 元素有独立的边界。table存在默认属性border-collapse:separate。

2022-08-28 18:15:50 890

原创 什么是CSS?

CSS选择器是CSS规则的第一部分,每个CSS规则都以一个选择器或一组选择器为开始CSS 选择器即用于“查找”(或选取)要设置样式的 HTML 元素的模式选择器可以分为基础选择器、复合选择器语法 *{ 样式声明 }作用:匹配任意类型的HTML元素语法: 元素名称{ 样式声明 }作用:选择所有同一元素名称的所有元素语法HTML中通过class属性定义css中以点进行标识:..类名 {样式声明;}.box{}作用:选择所有带有指定类名的元素多类名的使用(词列表)...

2022-08-25 19:27:03 52

原创 HTML列表

对专业名次的解释对专业名次的解释web大前端词专业名词专业名

2022-08-24 20:14:33 49

原创 8月23日记录

大部分国产的浏览器(qq浏览器,uc浏览器,猎豹浏览器,360浏览器)基本上是在IE浏览器的内核上进行的二次开发,现在国内市场上有许多双内核的浏览器,使用的是trident,webkit内核。hr标签:水平分割线 块级标记。内核:webkit--blink。内核:presto--blink。作用:在页面中显示一条水平线。默认自带间距、自带边框。4火狐 firefox。1谷歌 Chrome。2苹果 Safari。内核:trident。

2022-08-23 19:11:19 46

原创 第二天,前端日常

position定位 :绝对定位absolute 相对于自己最近的父级有定位的元素(标签),如果所有父级都没有定位,相对于浏览器当前可视区,不占位(脱离文档流)调用动画:animation :动画名字xx 播放的时长秒s nfinite无限次数 alternate反复。transform: rotate(0deg) scale (倍数,缩小或缩放);相对定位 relative 相对于自身位置占位(不脱离文档流)下 bottom: 0;右right: 0;...

2022-08-16 11:51:36 136

原创 来自一位初学开发,人员的碎碎念

今天学啦一些关于css3的知识。圆角好理解但是可能会懵。下午学的动画调用 animation: (名字)@keyframes 调用的名字 {想做花瓣雨,等明天吧。

2022-08-15 20:01:52 74

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除