- 博客(15)
- 收藏
- 关注
RSS订阅原创 第15天笔记
flex-wrap属性：指定弹性盒子的子元素换行方式换行，第一行显示在上方换行，第一行显示在下方默认值，不换行注意：父元素有固定高度且高度大于子元素换行后高度之和换行中间有缝隙父元素高度有内容撑开换行没有缝隙align-content属性：折行,行与行之间有间隙,去除间隙 （去掉了中间的间隙）要设置： flex-wrap: wrap;顶端没有行间距底对齐没有行间距居中没有行间距两端对齐，中间自动分配, 元素位于各行之间留有空白空间。...
2022-08-16 10:50:34
41
1
原创 第14天笔记
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。...
2022-08-16 10:49:28
30
原创 第13天笔记
注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式。font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。不过因为本质上还是使用的字体，所以多色图标还是不支持的。...
2022-08-16 10:46:20
28
原创 第11天笔记
能够说出表单组成部分掌握HTML常用表单元素掌握HTML常用表单属性表单的作用：用于搜集不同类型的用户输入表单的组成：表单元素（控件）、表单区域生活中的表单：网页中的表单：表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互一个完整的表单包含：表单域，表单控件（表单元素），提示信息，共三个部分； 作用：定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，...
2022-08-16 10:42:26
28
原创 第10天笔记
元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：特性特性：1.元素脱离正常文档流，不占位(也脱离文本流，全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的3.不会随页面的内容滚动而滚动4.能使不能设置宽高的行级元素设置宽高5.提升层级6.如果没有定位偏移属性，对元素本身有影响；应用场景：相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏...
2022-08-14 20:00:46
27
原创 【无标题】
css精灵英文叫法 css sprites，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”；其实就 是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”， “background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置css精灵图可以实现特殊形状的背景自由拉伸滑动，能适应不同字数的内容。...
2022-08-14 19:57:59
33
原创 第八天笔记
本身属性为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-14 19:53:36
38
原创 第七天笔记
本身属性为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-14 19:52:19
28
原创 第六天笔记
CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。（即装东西的容器）所有 HTML 标签可以看作盒子，在 CSS 中，"box model" 这一术语是用来设计和布局时使用的。（即网页布局 就是利用 CSS 摆盒子）...
2022-08-14 19:51:04
36
原创 前端第一节笔记
打开html文档结构1.输入英文状态下的！回车2.输入html:5 回车对web来说：浏览器：读取html文件，把其以网页的形式来显示内核：渲染引擎，对网页进行语法解析及渲染网页五大浏览器及内核ie 谷歌 苹果 火狐 欧朋1.谷歌浏览器 Chrome内核：webkit ---blink2.火狐浏览器 Firefox内核：gecko3.欧朋浏览器 opera内核：presto -- blink生产商：挪威欧普拉软件公司4.苹果浏览器 Safari内核：webkit生产商：苹果公司5.IE浏览器内核：tride
2022-07-12 19:29:25
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人