issues Search Results · language:Dune language:JavaScript language:JavaScript language:Java language:JavaScript is:public
Filter by
33.4M results
on mobile it looks kinda ok. but you directly see its not optimized. lets talk about best things to change
enhancement
besessener
m-guchi
CSS Grid 的 grid-template-areas 属性通过命名网格区域（Grid Areas）来定义布局结构，让 CSS Grid 布局的代码更加直观和可读。它通过类似 ASCII 艺术的字符串来 绘制 布局。
基本语法
.container {
display: grid;
grid-template-columns: 200px 1fr 200px;
grid-template-rows: ...
css
hankliu62
CSS 的 content 属性与 ::before 和 ::after 伪元素配合使用，用于在元素的前后插入生成的内容。它还可以用于替换元素和计数器显示。
基本语法
/* ::before - 在元素内容之前插入 */
.element::before {
content: 前置内容 ;
}
/* ::after - 在元素内容之后插入 */
.element::after {
content: ...
css
CSS 的 padding 简写属性用于设置元素四个方向的内边距，即元素内容区域与边框之间的空间。它是 CSS 盒模型的重要组成部分。
四值顺序（TRBL）
padding 简写遵循与 margin 相同的 上→右→下→左（TRBL） 顺时针顺序：
/* 四个值：上 右 下 左 */
padding: 10px 20px 30px 40px;
/* 上内边距 10px，右内边距 20px，下内边距 ...
css
CSS 的 margin 简写属性用于设置元素四个方向的外边距，即在元素边框外部的透明空间。它是 CSS 盒模型的重要组成部分，具有复杂的规则和特殊行为。
四值顺序（TRBL）
margin 简写遵循 上→右→下→左（TRBL） 的顺时针顺序：
/* 四个值：上 右 下 左 */
margin: 10px 20px 30px 40px;
/* 上边距 10px，右边距 20px，下边距 30px，左边距 ...
css
CSS 普通流（Normal Flow），又称文档流，是 CSS 文档中最基本的元素布局模式。在不使用浮动、定位（绝对/固定）、Flexbox 或 Grid 的情况下，元素按照在 HTML 中出现的顺序从上到下、从左到右排列。
普通流的两种基本布局模式
1. 块级格式化上下文（Block Formatting Context）
块级元素（如 div、p、h1、section）在普通流中按以下规则布局： ...
css
HTML 的 noscript 元素用于定义当浏览器不支持 JavaScript 或用户禁用了 JavaScript 时显示的回退内容。它是渐进增强策略的重要组成部分。
基本语法
noscript
p 您的浏览器未启用 JavaScript，请启用后查看完整内容。 /p
/noscript
触发条件
noscript 的内容在以下情况下显示：
1. 浏览器不支持 JavaScript（极少数老设备） ...
html
HTML 的 optgroup 元素用于在 select 下拉列表中创建选项分组，通过将相关选项组织在一起，提升长列表的用户体验和可访问性。
基本语法
select
optgroup label= 前端框架
option value= react React /option
option value= vue Vue.js /option
option ...
html
CSS 的 @page 规则用于控制打印页面时页面的尺寸、边距、分页等属性。而 :left、:right 和 :first 伪类则允许针对特定页面设置不同的样式，这在双面打印（书籍排版）中非常重要。
@page 基础
/* 设置所有页面 */
@page {
size: A4;
margin: 2cm;
}
@page 的伪类
:first - 第一页
/* 第一页不使用页眉 */ ...
css
Learn how you can use GitHub Issues to plan and track your work.
Save views for sprints, backlogs, teams, or releases. Rank, sort, and filter issues to suit the occasion. The possibilities are endless.Learn more about GitHub IssuesProTip! Restrict your search to the title by using the in:title qualifier.
Learn how you can use GitHub Issues to plan and track your work.
Save views for sprints, backlogs, teams, or releases. Rank, sort, and filter issues to suit the occasion. The possibilities are endless.Learn more about GitHub IssuesProTip! Restrict your search to the title by using the in:title qualifier.