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