css
如何开始使用TailwindCSS新建一个项目

tailwindcss 3.0已经正式发布。安装方式也有一些改变。此贴将对3.0的安装方式做一些说明。安装 Tailwind CSStailwindcss 通过 npm 安装,并创建您的 tailwind.config.js 文件。npm install -D tailwindcss npx ...

阅读更多
彼萌赠书之Css三部曲

今天网友彼萌在群里问学习css需要哪本书,我和群友都推荐了张鑫旭的《CSS新世界》,《CSS选择器世界》,《CSS世界》这三本书,不过实际上我根本没读过,只是因为之前总逛张鑫旭博客看他文章寻宝,同时确实他的书销量也不错所以就推荐了。然后我就张口就来了。{center}{/center}和彼萌也...

阅读更多
javascript禁止移动端网页滚动

禁止网页滚动,电脑端其实只要给body加overflow: hidden;css即可,移动端测试发现谷歌可以,国产浏览器阵亡,其实我记得很久之前我遇到过这个问题,最后好像用纯css解决了,但是想不起来了,于是乎百度搜了个js的方法,故记录下!var mo=function(e){e.preve...

阅读更多
百度地图设置显示公司地址

在百度地图开放平台(http://lbsyun.baidu.com/)登录账号新建应用,应用类型选择浏览器端,建立完成后我们会得到应用AK。css样式代码#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-famil...

阅读更多
css两端对齐布局

先上个Demo<!DOCTYPE html><html><head><title>两端对齐</title></head> <style type="text/css"> *{margin: ...

阅读更多
纯CSS显示JS/HTML等源代码行数

代码如下.code { padding: 10px 10px 10px 40px; font-size: 13px; line-height: 18px; background-color: #eee; font-family: "Lucida...

阅读更多
模板层面向typecho编辑器页面插入代码

上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式,某些时候那么写确实能解决不少问题。但是但是,文章编辑界面源代码中是加载了jquery的,但是在页面偏底部,而上篇文章中讲到的方法是插在jquery代码之上的,也就是说那种方法如果插入j...

阅读更多
css视口单位vw,vh的妙用(embed篇)

视频demo 如上视频[av9214469],使用的是embed标签,大家都知道embed的播放器很难自适应,不是过分拉伸改变视频比例,就是写死播放器长宽,导致不能随网页大小的变化自由变换尺寸。前天,在往博客上折腾B站视频时,无意间灵机一动,想到了个好主意,就是使用vw单位,配合使用calc。...

阅读更多
CSS视口单位的一次深度使用

什么是视口单位?在CSS规范中,有4种类型的可用视口单位:vw — 1vw 等于视口宽度的 1%vh — 1vh 等于视口高度的 1%vmin — vw 和 vh 中的较小值vmax — vw 和 vh 中的较大值视口,即浏览器屏幕大小,1vw 等于浏览器宽度的 1%,100vw 即整个浏览器...

阅读更多
简单仿腾讯TIM界面

昨天下午,突然想用css写出个腾讯TIM的界面,于是开始搞,只写了个单页,没有javascript。预览地址:https://zezeshe.com/areyouok/tim/为了保证美观度我限制了屏幕尺寸宽度低于800px或者高于1920px不会显示,大屏幕的需要调小窗口才能看哈。断断续续的...

阅读更多
歌曲封面
0:00