- 博客(12)
- 收藏
- 关注
RSS订阅原创 CSS 精灵
CSS精灵英文叫法 CSS sprites，通常被解释为“CSS 图像拼合” 或 “CSS 贴图定位”，其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置。
2023-02-24 17:19:15
56
原创 实现盒子居中的方法
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。如果包含块是块级，则相对于包含块的边界即（包括padding），如果包含块是行级，则相对于包含块的内容区域。实现思路：left，right，top，bottom并用，配合margin：auto。实现思路：margin负值配合百分比。注意：ie低版本不兼容！
2023-02-24 17:16:41
45
原创 定位元素的层级顺序
元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素。z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面或后面）。
2023-02-24 17:15:56
42
原创 3.4静态定位
表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。3.4.1 基础特性总结。3.4.2 应用场景。
2023-02-24 17:15:01
39
原创 id选择器
字体大小：font-size：取值：16px大多数浏览器默认大小为16px，百分比：相对于元素进行计算。3字体样式：font-style取值：normal正常显示，italic斜体显示。4字体粗细：font-weight取值关键字：normal正常显示，bold加粗。多个字体：逗号隔开：如果浏览器不支持第一字体，则会尝试下一个字体（回退机制）字体属性:font-family作用：设置文本的字体系列取值：一个字体名称。注意：如果字体名称里包含空格，汉子，特殊符号，必须加引号。css：以#号进行标识。
2022-11-08 09:24:04
311
原创 表格：表格作用，展示数据
表格：使用table标签定义表格，每个表格有若干行（由tr定行），每行被分为若干个单元格（td）定义。缺点：相同点样式需要重复定义造成代码沉余，作用范围小不利于后期维护，代码不能重复使用，结构样式不分离。总结：划分表格的语义，实现表格的分步加载，改变结构顺序，优先加载tbody。外部样式：把css代码单独分离出来，创建一个新的文件：新文件的后缀名：css。优点：相对于间样式，代码可以复用，作用范围大于行间样式的范围。表格总结：1未定宽度和高度的表格，单元格的内容自适应。
2022-11-08 09:23:03
211
原创 a标签超链接
属性：target：作用指定目标的地址打开方式，，self:默认值：当前窗口打开方式，blank新建窗口打开。单页面锚点概述：当我们点击锚点链接时，可以快速定位到页面中的某一个位置：语法跳转链接目标点：id=起名。a标签超链接：默认样式：不独占一行，自带下划线，字体颜色，默认当前窗口打开。属性：title：作用定义提示文本，鼠标悬停会显示。空标签一定要填上“#”可以让文本倾斜，用于强调内容。默认样式不独占一行，斜体。属性：href作用：指定链接的跳转地址。无语义标签 ，只是样式化斜体效果。
2022-11-08 09:21:41
193
原创 标签语法使用场景
有序列表：语义:用于将有数字顺序的一组数据或内容进行分组。使用场景：百度排行榜，热搜排行榜，步骤清单，面包屑导航。默认样式：dl自带外边距（上下），dd自带左边的外边距。语义：用于将没有数字顺序的一组内容或数据进行分组。使用场景：新闻列表，商品列表，导航，分页，选项卡。样式：默认间距（伤心啊外间距，左边内边距）用于将一组项目及其相关的描述进行分组列表。默认有间距（上下外间距，左边内填充）语义：对专业名词进行定义和描述的列表。注意：允许使用多条项目的定义和描述。dd自定义列表的注释（解释，描述）
2022-11-08 08:56:17
74
原创 标签语法及特点
p标签：段落标签，特性：宽度默认撑满整个父元素，高度默认由内容撑开，独立成行垂直布局，自带外边距。h系列标签：h1~h6:标题标签依此减小，重要程度依此减弱，h1标签一个网页里只能有一个。特点：默认撑满整个父元素，高度由内容撑开，独占一行，垂直布局，自带外边距，自带加粗特效。div标签特性：宽度默认撑满整个父元素，2高度默认由内容撑开，3独立成行，——垂直布局。应用场景：文章内的标题，内容章节的标题，logo，产品的标题 等.特性：宽度继承父元素的宽度，高点默认为0，自带边框，自带外边距。
2022-11-08 08:50:40
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人