- 博客(9)
- 收藏
- 关注
原创 20240624 弹性盒子布局
原理:给父盒子添加flex属性,来控制子盒子的位置和排列方式。flex-direction:row(左为起点水平方向)column-reverse(下为起点,垂直方向)flex-wrep:nowrap(默认不换行)弹性盒子:弹性布局,为盒装模型提供最大的灵活。row-teverse(右为起点水平方向)column(上为起点,垂直方向)
2024-06-24 22:38:23
109
原创 20240619盒子模型和子绝父相基本应用(入门版)
其中右下角的尖尖按钮需要给定定位,应用到子绝父相的概念:父相也就是说父元素设定为相对定位(position:relative;),子绝是指子元素设定为绝对定位(position:absolute;就相当于你把鸡蛋作为元素放进箱子里面,你要想转移鸡蛋你需要对整个箱子进行转移,而不是仅仅作用于单个元素,所以在运用标签过程中由大到小、由外到内的进行设置更加便捷也避免出错。盒子模型:元素内容(content)、元素内边距(padding)、元素边框(border)、元素外边距(margin)
2024-06-20 00:36:33
172
原创 20240618 华为网页大版面设计(很菜很菜版)
2.下方大背景和文字创建盒子模型,用css插入背景并且设置边角钝化处理:border—radius处理。1.头部灰色阴影,左边华为标志用img进行引用,右边三个小标志在阿里巴巴矢量库进行导入。头部位置比较难,后边的可以自己摸索理解,想死!字体位置向下平移:nargin—top处理。
2024-06-18 20:24:04
390
原创 20240615精灵图定位取图使用(入门版)
图片以左上角顶点为起始点(0px,0px),故横向纵向都取负值,需要在图片比例100%时测量!background—image:url(图片路径)下文用的div所以必须调取出的图片栏板格式。(图片路径前必须用url)width:取出图宽度。hight:取出图高度。小小精灵图,拿下拿下!
2024-06-16 18:12:42
215
原创 20240614复合选择器的练习(入门版)
复合选择器包括三种:并集选择器、后代选择器、子代选择器。在使用过程中需根据需求选择不同的选择器。后代选择器选择元素或元素组的子孙后代,精准选择;今天写的少,不是学的少啊!并集选择器同时对多个标签起作用中间用逗号隔开;子代选择器用于表示某个元素的子元素使用>表示。
2024-06-14 20:22:00
621
原创 20240613关于文字排版和文本修饰的学习(入门版)
字体练习需要先理清晰字体标题的样式结构如果整句话中有其他突出的字如题目中“朋友”“理想”,需想办法设定相应标记并且进行使用。本次练习需要注意前三条前边的小点点不是自己打字上去的,需要使用无序列表!热搜排行榜练习不仅对字体大小颜色进行排版练习并且对相应标题链接的选择浏览过程中相应变化进行更多设置,链接在已访问过,选定,鼠标悬停等过程中每个标题也在发生相应变化。小小菜鸟,刚刚入门,菜就多练!
2024-06-14 20:05:54
586
原创 20240612HTML基础排版页面元素设计
使用标记,了解标记的意义以及何时使用,对于想同字体颜色怎样设计,完全小白不会划分,一个一个区分进行标记并且使用。p1文本格式计本排版,很多格式不会排,猛猛用<p></p>标记划分段落以及基础图片居中很管用。对网页页面导航进行初步划分,并且使用更多种方法进行制作。统共六个字写了一大堆。
2024-06-12 20:09:17
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人