CSS
关注
分享
扫一扫
文章平均质量分 92
涉及css相关知识文章
旅行中的程序员
旅行中的程序员
展开
-
前端web实现（@、At、艾特）选人或引用数据
在我们日常的网络社交中，@XXX功能可以说是一个比较常见的功能了。本文将结合实践，介绍一种可以快速实现@选人或引用数据的方式。原创 2022-09-29 22:20:11 · 3874 阅读 · 4 评论 -
关于web中的颜色表示方法，你知道多少？
想要表示web中的各种颜色，大家首先想到的大概就是用十六进制或者RGB来表示。但在实际web中，是远不止这两种的。今天这篇文章就和大家聊一聊，在web中颜色的各种表示方法。原创 2021-12-09 21:16:07 · 4149 阅读 · 0 评论 -
分享一些可能会用到的原生前端CSS例子，要不进来看看？
前言今天来分享一些原生的CSS或者是CSS+JS的实际例子，这些例子比较的简单，但是都是实际开发之中可能遇到的。相信还是会对部分童鞋有所帮助~css时间轴效果时间轴算是很常见效果，我们可以通过CSS的相对定位和绝对定位来实现，在开发的时候我们可以根据实际情况来调整各个属性的值，以满足需求。效果：代码：HTML<div class="message_item"> <div class="message_time">2020-05-13 19:11</div原创 2020-07-08 09:09:51 · 250 阅读 · 0 评论 -
寻找超出容器水平宽度的元素——CSS outline
由于元素的宽度过宽，有些元素会导致出现水平滚动条。找到这个问题的原因最简单的方法就是使用 CSS outline。Addy Osmani 分享了一个非常方便的脚本，可以添加到浏览器控制台，列出页面上的每个元素。[].forEach.call($$("*"), function(a) { a.style.outline = "1px solid #" + (~~(Math.random() * (1 << 24))).toString(16);});...原创 2020-06-27 16:54:18 · 304 阅读 · 0 评论 -
jQuery实现对滚动条距顶部高度的监听
直接上代码：$(window).scroll(function(){ //开始监听滚动条 var top = $(document).scrollTop(); //滚动条距离顶部的高度 if(top > 120 ) { $(".header-nav").css({ 'position': 'fixed',...原创 2020-03-15 16:22:07 · 558 阅读 · 0 评论 -
js+css实现移动端抽屉式导航
前言移动端导航多种多样，抽屉式导航就是常见之一，下面我们通过javascript和css相结合来实现移动端的抽屉式导航。先看看实现的效果：index.html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv...原创 2020-03-09 11:04:09 · 2807 阅读 · 1 评论 -
前端响应式布局原理与实践
前言作为一个前端开发者，响应式网站开发是必备技能之一。响应式有它的很好的优点，也有它一定的缺点。这就需要我们在开发的时候做出取舍。对于内容较少、主要为展示类网站，故采用响应式；对于内容多，管理类的网站采用分开开发的方式，不同设备采用不同的一套代码。本文会主要探讨响应式布局原理和技巧，并结合实例来加深印象。响应式与自适应我们很多人其实把这响应式和自适应两种网站当成一回事，但事实上这两种网站的布...原创 2020-03-06 10:18:04 · 997 阅读 · 0 评论