开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

CSS:显示差异

CSS (层叠样式表) 是用于控制网页样式和布局的一种标记语言。它可以使开发人员轻松地通过一组称为“类”的属性来描述元素的样式和行为。CSS 通过 CSS 规则进行布局，然后通过内联 HTML 或外部 CSS 进行样式化，以便在浏览器中呈现一致的网页。CSS 与 HTML 一样，是一种用于设计和构建网页的基本技术。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

HTML5点击全屏的方法

这个按钮是？我移了好几遍，没有title提示。图形也不具有代表性，一个圈圈意思是？——圈人？？是不是啊？？不敢点，点了不知道会发生什么，浏览器会不会关掉！！我思想斗争做了很久，终于弱弱地点了一下~~

03

前端必看!各大浏览器 CSS Hack 收集

1、什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以

简书markdown教程

##1 支持 Markdown 的编辑器 ###Windows 推荐 Sublime Text 3，强大优雅的编辑器。 MarkdownPad，一款可以直接预览排版效果的编辑器。 ###Mac 推荐 Ulysess，专注写作的编辑器，功能强大，体验一流。 Macdown，可以预览排版效果。 ###Linux 推荐 VIM，编辑器之神。当然，Emacs是神的编辑器。 ReText，也可以预览。 ###Web 推荐简书，有 Markdown 写作/预览模式。作业部落，功能强大的 Markdown 编辑器。与其他常用工具配合在 Firefox 浏览器上，推荐插件 It’s All Text!，可以将网页上的文本框转化为 Markdown 编辑器。在和 Evernote 配合使用时，推荐使用马克飞象。 ###扩展阅读《好用的 Markdown 编辑器一览》欢迎补充，随时更新。

01

HTML详解连载（4）

本专栏是自己学前端的征程，纯手敲的代码，自己跟着黑马课程学习的，并加入一些自己的理解，对代码和笔记进行适当修改。希望能对大家能有所帮助，同时也是请大家对我进行监督，对我写的代码进行建议，互相学习。

01

浏览器默认样式、1px边框问题、css预编译

参考链接：移动端1px解决方案 vue-cli css相关 normalize.css

01

revealjs的善良与谎言

本文由腾讯云+社区自动同步，原文地址 https://stackoverflow.club/article/revealjs_goodness_sadness/ 在浏览器中预览善良：自定义css实现布局实现段落左端对齐；图片居中对齐 <style type="text/css"> .reveal section p { text-align: left; } .reveal section img {margin: auto; display: inherit;} 谎言：如果slide内部用序号做开

03

前端-CSS3 动画卡顿性能优化解决方案

所以这又触碰到了我的知识盲区，不过项目在磕磕绊绊中完成的差不多了，但是遇到了CSS3动画渲染的性能问题，所以我也是被逼的，再回过头来从浏览器渲染网页的流程出发，去找动画卡顿的症结。

02

语义化HTML：ul、ol和dl

一、语义化元素　　　　　　　　　　　　　　　　　　　　　　　　　　 1. ul标签 W3C草案： The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification 语义化

元素：表示包含一组无序列表项内容。在

08

前端之 CSS 知识点回顾

标签内的文字的颜色是red，优先级相等的时候与文件中样式定义的先后顺序有关，即是后面的覆盖前面的，与在class定义中的先后关系无关。

04

前端面试题-CSS Hack

由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的CSS。

04

瑜亮之争：Vue与React的差异

在 React 和 Vue 之间存在许多相似性。Vue 的设计理念充分汲取了 Angular 和 React 的优点并将它们结合起来，所以如果你真的特别喜欢 React 所拥有的每个特性，那么在Vue 中同样可以发现它们。但是，React 和 Vue 之间除了拥有很多相似性，还有很多差异性。这里所指的差异性不包含所有细微的差异 —— 语法差异、方法名称差异 —— 仅包含那些在框架基本层面中所体现的差异性。

02

CSS笔记(1)

经过几天的学习,看完了30多P视频,HTML的基本知识已经学完啦,HTML知识最简单的部分,现在终于要学习CSS啦!!超级开心.

02

CSS3之渐变效果

CSS3渐变色生成网站：http://gradients.glrzad.com/

01

css多浏览常见问题

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是. 以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK. (注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ wid

03

姬小光前端小讲堂【第003期】

在上一期的代码中，我们用到 h1，p，a 等标签，这些标签确定了我们想在网页中展示一个标题，一个段落，和一个链接。

01

从头学前端-CSS基础01

CSS简介：CSS是层叠样式表的简称，有时也会称之为CSS样式表或级联样式表。CSS也是一种标记语言(和html一样，不是个编程语言)；Html主要是页面结构，显示元素内容，CSS是美化页面，布局网页；CSS规则主要有选择器和样式声明组成；样式声明以键值对的形式出现；如下：p{font-size: 12px,color:'red'}CSS基础选择器选择器就是根据不同的需求把不同的标签选出来；CSS就是找的指定的标签，设置标签样式；选择器分为基础选择器和复合选择器两大类；基础选择器又包括：标签选择器，类选择器

00

<object>标签

<object> 标签（或者称作 HTML 嵌入对象元素）表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用的资源。<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

02

RPO攻击技术浅析

01 — 什么是RPO攻击？ RPO（Relative Path Overwrite）相对路径覆盖，是一种新型攻击技术，最早由GarethHeyes在其发表的文章中提出。主要是利用浏览器的一些特性和部

05

干货 | 携程Taro多端化探索与实践

随着移动互联网和智能设备的普及，前端开发人员需要采用多端同构技术来适配不同的终端（小程序、App和Web）。这些终端之间存在着明显的差异，包括浏览器引擎、操作系统、交互方式以及代码语言等方面。

02

小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了！

在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。

01

企业面试题: 为什么要初始化CSS样式

- 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

02

「译」前端项目中常见的 CSS 问题

快速摘要：近年来，跨浏览器的渲染和交互已经愈加一致。不过，它仍然没有达到完全一致，有很多小问题会让你出错。除了这些问题之外，还有不同的屏幕尺寸、语言偏好和明显的人为错误等不确定因素，我们从中发现了许多会让开发者出错的小问题。

01

【CSS】CSS简介，CSS基础选择器详解

例如：所有的样式，都包含在 <style> 标签内，表示是样式表。<style> 一般写到 </head> 上方

01

CSS float浮动的深入研究、详解及拓展一一一一一一一一

我们使用float浮动做了很多其本职工作以外的事情，于是我们会混淆，我们会回看不清float真正的面目。浮动真正的意义在哪里呢？要知道这个问题的答案很简单，假设现在CSS中没有浮动(float)属性，那么会变成一个什么样子。我们会发现，目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”，我是想不出来能有什么方法可以让文字环绕图片显示。好，这个替代不了的作用才是float真正的意义所在。此作用类似于word中的版式，很基础的原始的作用：

01

前端解决浏览器兼容问题

不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分为这四种：

03

几个小处理提高前端性能

一、最最基本的 CSS顶部, JS底部 YUI compressor/Gzip CDN 有必要的CSS Sprite Ajax可缓存以上没什么好说的。二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。避免某些expression表达式，避免IE6的AlphaImageLoader png透明滤镜，可以试试使用fireworks生成png8 alpha透明（目前photoshop只有png8 索引透明）。适当定高，例如如果d

02

HTML/CSS 第三章

多说一嘴：用数字设置的时候，只有400和700会产生变化，是因为字体在初始设计的时候就没有设置太多的粗细标准，一般就是两种，默认的和加粗的所以在实际工作中用的最多的就是normal（400） bold（700）

03

聊一聊CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别

大家好，我是HoMeTown，顺着计量单位，想继续聊一下CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别。

04

聊一聊CSS中的长度单位

CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，比如：point（pt）和pica（pc）；有的是专门为CSS发明的单位，比如：px。

07

Html与CSS快速入门03-CSS基础应用

这部分是html细节知识的学习。边框、填充、对齐和浮动这部分将主要介绍使用CSS控制整个Web页面的各个方面，通常来说，会使用margin（外部）和padding（内部性增加元素周围的空间，使用

08

两个 viewports 的故事-第二部分

原文：A tale of two viewports — part two 译者：nzbin 在这个迷你系列中，我将解释 viewports 和各种重要元素的宽度是如何工作的，比如说 <html> 元素，窗口以及屏幕。我们将在本页讨论移动浏览器。如果你是刚刚接触移动端，我建议你首先阅读关于桌面浏览器的第一部分。这会让你在熟悉的环境中循序渐进。移动浏览器的问题手机浏览器与桌面浏览器的最大不同就是屏幕尺寸。对于一个基于桌面优化的网站，移动浏览器的显示效果明显不如桌面浏览器，要么缩小后

07

Web前端最全面试宝典- CSS篇

1. 说下行内元素和块级元素的区别？行内块元素的兼容性使用（IE8 以下） Q1)行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 Q2)兼容性：display:inline-block;display:inline;zoom:1; 2.清除浮动有哪些方式？比较好的方式是哪一种？ 1）父级div定义height。 2）结尾处加空

01

20个为前端开发者准备的文档和指南

1.Keyboard Event Viewer(键盘事件可视器) 它是一个可配置的交互式的工具,可以让你观察键盘事件的数据,它可以像在UI事件说明书里显示离线的事件信息那样显示原始信息。 2. jQu

分享15个有用的，你可能还不知道的CSS小技巧，建议每个前端开发者都了解下

为了充分利用这篇文章，我建议你打开一个CodePen或CodeSandbox的选项卡，这样你在阅读文章的同时可以随时调试代码。

04

从零开始学 Web 之 CSS（四）CSS初始化、定位、overflow、标签规范

CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性，为我们将用到的CSS或html标签更加方便准确，使得我们开发网页内容时更加方便简洁，同时减少CSS代码量，节约网页下载时间。

03

来，让我们谈一谈 Normalize.css

Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。

02

不换的周刊第37期

关键词： Graph、TypeScript、Package manager、CSS In JS

01

常见的兼容性问题

浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。

01

H5的音视频播放器 —— MediaElement.js

首先，只需嵌入

01

display的值及作用

display属性可以设置元素的内部和外部显示类型，元素的外部显示类型将决定该元素在流式布局中的表现，例如块级或内联元素，元素的内部显示类型可以控制其子元素的布局，例如grid或flex。目前所有浏览器都支持display属性，但是对于属性值的兼容性仍需注意。

03

前端课程——颜色与单位

CSS 中的前景色和背景色就是 color 和 backgorund-color 两个属性，其中 color 属性表示前景色，background-color 属性表示背景色。

01

字体是网页设计中最重要的细节

一个非创意性质的网页，最重要的内容，就是文字。出现了文字，就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节，往往是非常重要的细节。

01

标签

标签定义HTML表格中的表格头部单元格。该元素中的文本一般显示为居中粗体文本，而元素内的文本一般是左对齐普通文本。

01

浏览器兼容

产品的角度（产品的受众、受众的浏览器比例、效果优先还是基本功能优先）成本的角度 (有无必要做某件事)

05

扫盲贴：2021 CSS 最冷门特性都是些啥？

最近几年 CSS 界的大事之一是每年年底的《State Of CSS》，也就是 CSS 现状调查，去年年底发布了《State Of CSS 2021》。其中关于特性这一章，会列出一些比较新的 CSS 特性在当年的使用情况概览：

03

移动适配的长度单位

例：html中字体尺寸为 20px，盒子宽度为 5rem，则最后显示的盒子宽度为 100px。

02

【面试篇】金九银十面试季，这些面试题你都会了吗?

Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核

03

Web标准中的常见问题

大概在2004年的时候，Web标准的概念藉由一本名为《网站重构》的书开始被国内人所了解。随后的几年中，其更少的代码量、更好的搜索引擎友好性、更好的浏览器兼容性使得Web标准迅速受到重视并逐渐普及，网易、新浪等各大网站相继采用Web标准进行网站重构。

05

合理使用CSS框架，加速UI设计进程

现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由CSS来实现的。

02

css基础第一弹

css是什么：CSS是层叠样式表(Cascading Style Sheets)的简称，有时我们也会称之为CSS样式表或级联样式表。CSS 是也是一种标记语言。有什么用：主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS是一种描述HTML文档样式的语言,CSS描述应该如何显示HTML元素。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭