CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 CSS

meta源信息功能之页面定时跳转与刷新几乎所有的网页头部都有<meta>源信息。除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”description”)(for SEO)，还可以定义视区大小、缩放比例等(for 移动端)，如下...

高效编写CSS代码的建议汇总

前端技术 2023/09/09 CSS

1. 基本原则　　1.1 把CSS放在HTML页面头部　　由于浏览器需要在所有的样式表加载完成后才能开始渲染页面，样式表加载完成之前页面会一直显示空白，因此需要将样式表放在头部。　　@import 相当于把标签放在页面的底部，因此从优化性能的角度考虑，应避免使用 @im...

前端技术 2023/09/09 CSS

先来看一个最普通的实现示例：创建一个新的html页面， XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.o...

前端技术 2023/09/09 CSS

复制代码代码如下: .aa{white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }

前端技术 2023/09/09 CSS

今天在做div移动时遇到一个奇怪的问题，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，可郁闷了查了查资料有用css实现的也有用js实现的具体原理就细看直接上解决方法下面来自转载网上滴：这是通过CSS样式来实现的禁止用鼠标选择功...

前端技术 2023/09/09 CSS

我们来看看CSS重要属性--float。以下内容分为如下小节： 1：float属性 2：float属性的特性　　2.1：float之文字环绕效果　　2.2：float之父元素高度塌陷 3：清除浮动的方法　　3.1：html法　　3.2：css伪元素法 4：f...

前端技术 2023/09/09 CSS

结构、样式、行为分离尽量确保文档和模板只包含 HTML 结构，样式都放到样式表里，行为都放到脚本里。缩进统一两个空格缩进（总之缩进统一即可），不要使用 Tab 或者 Tab、空格混搭。文件编码使用不带 BOM 的 UTF-8 编码。在 HTML 中指定编码<meta...

前端技术 2023/09/09 CSS

我们见过很多页面右侧浮动效果，最早有QQ联系面板，对联广告等，大多数都是基于Javascript实现的动态效果，今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。 HTML 我们希望悬浮效果最后加载，因此一般将其放置在页面HTML的末尾，我们建立一...

前端技术 2023/09/09 CSS

一般的app边框描边的线都小于一像素，那么我就像往常一样直接描了1px的边框，虽然是1px可是结果和app里的描边完全不一样“粗了”，所以就在网找了一下看看有没有解决方法，可是找了一会没找到，那咋办，需求方不愿意不要这么粗，那就只能自己解决了。所以用上个方法联想到了线性渐变（l...

前端技术 2023/09/09 CSS

CSS 是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器,打造出很多不同的特效，它已经成为Web开发最流行的语言之一，使用css3 打造出来的效果总是那么的绚丽，有一些特殊的属性以前使用需要javascript实现的特效，今天使用css3就可以完成，因此他...

关闭

我的博客