- 博客(8)
- 收藏
- 关注
原创 CSS03-盒子模型
属性值:X 轴偏移量 Y 轴偏移量 模糊半径 扩散半径 颜色 内外阴影。场景:行内元素添加 margin 和 padding,无法改变元素垂直位置。默认情况:盒子尺寸 = 内容尺寸 + border 尺寸 + 内边距尺寸。结论:给盒子加 border / padding 会撑大盒子。属性名:border(bd) / border-方位名词。属性名:padding / padding-方位名词。清除标签默认的样式,比如:默认的内外边距。正圆形状:给正方形盒子设置圆角属性值为。属性值写法、含义相同。
2024-07-24 12:23:57
599
原创 CSS02-CSS进阶
可以只写一个关键字,另一个方向默认为居中;数字只写一个值表示水平方向,垂直方向为居中。属性值:背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定(例如:a 标签的颜色、标题的字体大小。如果要给超链接设置以上四个状态,需要按 LVHA 的顺序书写。选择器类型相同则遵循层叠性,否则按选择器优先级判断。子代选择器:选中某元素的子代元素(作用:背景不会随着元素的内容滚动。属性值:url(背景图 URL),选中元素的某个状态设置样式。,哪种选择器优先生效的规则。伪类选择器:伪类表示元素。
2024-07-23 14:32:57
813
原创 CSS01-CSS基础
/head>标签中添加</style>标签,</style>标签里面书写 CSS 代码。示例代码:< title > CSS </ title > < style > /* css选择器 */ p {/* css属性 */ } </ style > < p > 你好,前端 </ p ></< title > CSS </ title > < style > /* css选择器 */ p {/* css属性 */ } </ style > < p > 你好,前端 </ p >
2024-07-22 19:14:07
713
原创 HTML03-进阶
/dl>< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl >< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl ></< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl >< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl >
2024-07-21 16:00:12
802
原创 HTML01-基本骨架和基本语法特性
如果没有这个标签,移动设备可能会使用默认的固定宽度视口,导致网页在小屏幕上显示不适,用户需要手动缩放才能浏览整个页面。device-width是一个关键词,代表设备屏幕的实际宽度(以CSS像素为单位),在不同的设备上会有不同的值。因此,在设计用户体验时应谨慎使用,并考虑是否有更合适的替代方案,如JavaScript的window.location.replace()或服务器端的HTTP 301/302重定向。然而,使用也有一些缺点,例如它可能中断用户的浏览体验,特别是在没有明确提示的情况下突然跳转。
2024-07-20 13:26:28
815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人