- 博客(11)
- 收藏
- 关注
RSS订阅原创 补交上周笔记
2. 使用媒体查询根据不同的设备按比例设置html的字体大小，然后页面元素使用rem尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。它在CSS的语法基础之上，引入了变量，Mixin（混入）,运算以及函数等功能，大大简化了CSS的编写，并且降低了CSS的维护成本，用更少的代码做更多的事。作为CSS的一种形式的扩展，它并没有减少CSS的功能，而是在现有的CSS语法上，为CSS加入程序式语言的特性。就是Less提供了加（+）、减（-）、乘（*）、除（/）算数运算。
2024-02-27 15:23:42
998
原创 新年的第一次实验报告
将背面的盒子沿x轴进行反方向旋转90度，再将正面的的盒子沿z轴移动，最后整个盒子再沿x轴旋转90度，从而到达一个较好的效果，我们如果有其他样式或者移动先写移动再写旋转。meta视口标签的主要目的:布局视口的宽度应该与理想视口的宽度一致，简单理解就是设备有多宽，布局的视口就多宽。retina是一种显示技术，可以将更多的物理像素压缩在一块屏幕里，从而达到更高的分辨率，并提高屏幕的细腻程度。一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。注意∶是网站的区域。
2024-02-18 19:26:18
329
1
原创 寒假第三周的学习总结
box-shadow：_px _px _px _px 颜色 outset（依次意思：水平阴影的位置，垂直阴影的位置，模糊距离，阴影的尺寸，阴影的颜色，外阴影还是内阴影inset内outset外）3. 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word。transform：translate（x，y） transfrom：translateX（x）（x轴的）同理y轴。给定像素或者单位名词都可以。
2024-02-04 20:19:06
857
原创 寒假第二周总结
标签选择器（属性选择器）：根据属性选择名和属性值选中元素（通过css中选中属性来给其规定样式，也可以属性给值专指某个元素，还可以选中包含某个值的元素，例如class元素包含b并选定class~=b时，则例如百度属性值包含了b就会被选中）常见的行内元素：等，其中标签最典型的，有时也叫做内联元素。常见的块元素：~、、、、、、等。
2024-01-28 16:11:37
465
原创 页面的注意事项
2.在书写css的过程一定要书写完一个过程，再书写其他的，避免css太多修改时太乱，在书写过程开始没有注意所以后期改动很麻烦。7.css中引用的某些图标有时会发生丢失，重新加载几遍或者重新书写代码可以恢复，我也不清楚原因可能是浏览器的原因t。5.设置盒子要注意顺序，它的css按照顺序读取，所以要按顺序书写，不然会出现绝对定位和相对定位表达出现错误。以上就是这周制作页面的一些小问题，主要是一直在做页面，新的东西基本没啥，就是一些小问题的技巧。大概是这样，还未设置图片背景和字体间距，所以看起来不咋地。
2023-12-10 13:27:10
30
1
原创 前端基础学习完结篇
创建的BFC的元素，它的自动高度需要计算浮动元素（隔绝它内部与外部的联系，内部的渲染不会影响到外部），就可以解决高度坍塌，给浮动元素的父元素绝对定位或者浮动就可以解决，但一般不建议，其会改变盒子类型，所以一般更改overflow样式，改为hidden是最小的副作用。，但最好的方式还是clearfix清除浮动。创建的BFC的元素，他的边框盒不会与浮动元素重叠，调整边框盒和浮动盒的距离需要调整浮动盒的外边距。定高，设置上下的坐标为0（top：0，right：0），将左右的margin设置为auto。
2023-12-03 15:28:32
28
1
原创 第三周的前端学习总结
它们都是可替换元素（不是所有样式都靠css设置）默认为行盒，列举两个的原因是：放置emed元素在object中如果浏览器识别不了object则会转而识别emed元素（这个是兼容的写法）通常会将整个表单元素，放置form元素的内部，作用是当提交表单时，会将form元素内部的表单内容以合适的方式提交到服务器。可以放在其中的子元素：param（参数元素，用来给自己嵌入的数据的添加一些设定，比如游戏从第几关开始等）单选或者多选选中的样式，（单选，多选框是一个可替换元素大多数样式是改变不了的）
2023-11-26 14:37:17
20
1
原创 css的第二周学习
视觉格式化模型，大体上将页面中的盒子排列分为三种方式：1. 常规流2. 浮动3. 定位定位：手动控制元素的精准位置涉及的css属性：position。
2023-11-19 19:22:06
31
原创 初学前端的一周，了解html5和css
header:通常用于表示页头，也可以用于表示文章的头部 footer:通常用于表示页脚也可以用于表示文章的尾部 article：通常用于表示整篇的文章 section：通常用于表示文章的章节 aside:通常用于表示侧边框，可以和a元素联用：a元素为父元素，img为子元素，当图片表示出来时则点击图片就可以跳转到a元素的链接地址，图片未表示出来则点击alt属性表示的文字也可以跳转。元素不能相互嵌套，父元素，子元素，祖先元素，后代元素，兄弟元素（拥有同一个父元素的元素是兄弟元素）
2023-11-05 11:25:01
51
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人