- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端学习Day12
步骤1：先建立一个大盒子，设置盒子的大小；步骤2：再设计三个小盒子，每一个盒子一个字母，我们先测量精灵图的大小，再来确认盒子的大小，再进行插入图片。
2023-07-22 18:37:30
100
原创 前端学习Day11
步骤1：建立盒子大小，并插入图片，然后居中对齐。步骤2： 制作图片上的按钮1、在盒子中左右各添加一个a标签；2、因为链接要放在图片的上方，我们就需要利用定位，根据”子绝父相“的原理。因为子盒子（a标签）有了相对定位，我们就可以直接设置盒子的大小，并确定按钮在父盒子中的位置；3、链接需要水平居中显示，我们这里利用小公式，top：50%，margin-top：-15px（a标签宽为30px，取一半）；4、将背景颜色设置为半透明：background：rgba（0，0，0，.3）；
2023-07-22 08:17:06
152
原创 前端Day10
定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式＋边偏移。定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。
2023-07-21 15:46:52
78
1
原创 前端学习Day09
网页制作的规范：网页制作的规范：1、新建首页文件一定为Index.html2、CSS属性书写顺序①.布局定位属性: display / position / float / clear / visibility / overflow(建议display第一个写，毕竟关系到模式)②. 自身属性: width / height / margin / padding / border / background。
2023-07-20 11:07:15
118
原创 WEB前端学习Day06
所谓盒子模型∶就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括∶边框、外边距、内边距、和实际内容。总结：忘记了a标签是行内元素，直接就是一个大盒子套用几个小盒子，导致了伪类标签的：hover功能实现不了。也就是说，如果盒子已经有了宽度和高度，此时再指定内边框，会撑大盒子。padding属性用于设置内边距，即边框与内容之间的距离。下图指边框宽度为1px，为实线边框，边框颜色为红色。1．测量盒子大小的时候,不量边框.
2023-07-13 09:36:04
86
1
原创 前端day05
子元素可以继承父元素的样式( text-, font-, line-这些元素开头的可以继承，以及color属性)。相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。CSS中的继承:子标签会继承父标签的某些样式，如文本颜色和字号。样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪一个样式。恰当地使用继承可以简化代码，降低CSS样式的复杂性。如果子元素没有设置行高，则会继承父元素的行高为1.5。现实中的继承:我们继承了父亲的姓。
2023-07-11 18:25:00
105
1
原创 WEB前端学习Day04
在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签)。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。常用的复合选择器包括∶后代选择器、子选择器、并集选择器、伪类选择器等等作用∶网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。
2023-07-06 15:48:00
92
1
原创 DAY02 列表标签（续）
textarea rows="数字" cols="数字">能控制文本域的大小。<option>嵌套在select中的。<selected>为默认选项。cols：指每一行的字数；
2023-07-02 15:37:36
112
1
原创 DAY02 表格标签和列表标签
dl>标签用来描述列表，需要与<dt>（定义项目/名字）和<dd>（每一个项目的解释）一起使用。在<dl>中只能放<dt>与<dd>
2023-07-02 11:42:39
121
1
原创 初学WEB前端Day01
百度</a>2、内部链接：例如<a href="index.html" target="_blank">首页</a>3、空链接：用#来表示 例如<a href="#" target="_blank" >空链接
2023-07-01 21:47:30
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人