- 博客(18)
- 收藏
- 关注
RSS订阅原创 16.行高、圆角、透明度以及浮动
opacity: 0;完全透明，但标签不是消失，还是占位置的。浏览器在解析html文档时，正常的顺序是从上往下、从左往右解析。推荐使用伪类元素清除浮动，谁设置了浮动就在他的父元素添加。这个正常的解析过程，我们叫做正常文档流(标准文档流)/* 透明度取值范围: 0 ~ 1 之间 */其实是指每行文本基线与基线之间的间距。/* 背景透明不会影响文本 */标签和文本都变透明了。行高： 文本行与行之间的间距。
2024-10-25 19:33:17
259
原创 15.盒子模型
盒子的实际大小：边框(border) + 内边距(padding) + 内容(文本/width/height)是指边框与内容之间的间距，可以撑开盒子大小，写法借鉴上面写法。一个标签有四个边，每个边可以有大小、样式、颜色组成。具体是指由外边距、边框、内边距、内容所组成的模型。3.元素与元素之间的间距，我们可以理解为外边距。2.元素作用于浏览器或其他元素之间的间距。是每一个标签都有的模型，1.不会撑开盒子大小。
2024-10-25 16:09:28
277
原创 14.伪类元素&属性选择器
伪类元素: 是指由CSS生成的标签（生成标签）a.在首位生成标签b.在末尾生成标签选择器:: {必须要有这个content属性。
2024-10-11 17:20:19
303
原创 13.3 伪类选择器
问：nth-child和nth-of-type有什么区别？是从父元素的所有子元素中进行顺序计算，不考虑子元素的标签。只从父元素的同类型子元素中进行顺序计算，需要相同的标签。选择ul标签下的第一个li子元素。
2024-10-11 17:03:14
252
原创 13.2 CSS选择器
组合选择器(交集选择器)类名叫做item的div标签类名叫做item的p标签并集选择器(重复利用代码)类名的的组合可以有多个，ID名的组合只能有一个，一个页面只能有一个ID选择器（只能是父子关系的标签）a.遇到组合的选择器带有空格的，他们是嵌套关系的标签。b.没有空格的选择器，表示同一个标签。
2024-10-10 20:51:21
602
原创 13.1 CSS选择器
1. CSS 层叠性特点，相同层级的选择器，后相同属性面的代码会覆盖前面的代码。2. 选择器的优先级， ID选择器高于类名选择器， 类名选择器高于标签选择器。ID选择器的值(100)类名选择器的值(10)标签选择器的值(1)id > class > 标签。b.类名选择器 （常用）
2024-09-25 10:33:13
402
原创 10.链接标签
这个a标签是用于跳转的标签，它可以嵌套文本、行内元素、块级元素。target="_blank" 会在另一个窗口打开页面。href 设置为“#” ,表示不会跳转到其他页面。href 属性用于填写页面或者文件地址。它是行内标签，不可以直接设置宽度高度。a 标签、用于做跳转、导航。
2024-09-23 19:52:34
288
原创 9.表格标签
/ 边框为红色2像素的实线。cellspacing 设置单元格与单元格之间的距离。cellpadding 设置内容与边框之间的间距。solid // 实线。border // 边框。colspan="数字" 跨列属性。rowspan="数字" 跨行属性。
2024-09-20 17:17:12
578
原创 8.图片标签
除非你的电脑是把HTMLCSS作为工作目录（意思直接把“HTMLCSS”这个目录拖拽到vscode打开。例如：D:\AF\A.前端开发\GZ 2429\1-HTMLCSS\DAY01。这种路径的图片，需要在文件传输协议上 file:///D:/ 才能访问到。这种是别人服务器的图片路径，需要连网才能访问。注意： 此处这个http路径，是自己电脑的环境下的图片路径。404的意思是找不到资源，找不到对象的意思。src 属性 填写图片文件路径。../../ 上上一级目录路径。../ 上一级目录路径。
2024-09-20 17:03:54
540
原创 5.空标签、注释快捷键
注释：CTRL+/ 组合 br 作为换行标签，默认高度21像素。通过做换行功能，选择块级标签包裹文本。说明描述作用、不被浏览器解析。
2024-09-19 19:47:03
245
原创 4.行内块标签
行内块标签因为这个inline-block的原因通常会伴随着文本空白的出现（元素周围间隙|间距）行内块标签的默认属性： display: inline-block 行内块的意思。可以给行内块元素嵌套一个标签，并且给这个标签设置font-size为0。行内块标签：可以在同一行显示，也可以直接设置宽度或者高度。用于布局页面细节、小的区块，例如：图标、输入框、按钮。
2024-09-19 19:06:09
271
原创 3.认识行内标签
CSS中的 /* display: block;*/ 是把标签设置为块级元素的意思。所以不建议这样写html代码: 行内元素嵌套块元素不符合规范。行内元素是用于修饰页面的细节。字体颜色、字体大小，文本线。display: inline 行内展示。通常是块级元素嵌套行内元素。在同一行显示，不能直接设置宽度高度。块元素用于承载内容，进行排版布局。
2024-09-19 18:58:58
306
原创 2.认识块级元素
块级元素默认属性: display: block;块级元素： 独占一行显示,可以直接设置宽度高度。display: 展示、渲染。
2024-08-02 20:33:32
197
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人