css

10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
日志大家好,我是你们的 超级猫,一个不喜欢吃鱼.又不喜欢喵 的超级猫 ~ 如果 CSS 是女孩子,肯定如上图那样吧
1
CSS3全览_动画+滤镜
日志CSS3全览_动画+滤镜 作者: https://www.cnblogs.com/xiaxiangx/ 1. 列表和生成的内容 列表 列表的列线, list-style-type, 如果不想显示记号, ...
1
CSS3全览_最新布局
日志CSS3全览_最新布局 作者: https://www.cnblogs.com/xiaxiangx/ 1. 浮动及其形状 很长时间, 浮动元素是所有 Web 布局方案的基础 ( 很大程度上依赖 cle ...
1
CSS全览_文本+视觉+盒子+背景颜色
日志CSS全览_文本+视觉+盒子+背景颜色 作者: https://www.cnblogs.com/xiaxiangx/ 1. 文本属性 文本和内容的区别, 文本是内容, 字体是用于显示内容的 缩进和行内 ...
2
CSS3全览_选择符+特指+单位+字体
日志CSS全览_选择符+特指+单位+字体 作者: https://www.cnblogs.com/xiaxiangx/ 1. CSS样式 CSS( Cascading Style Sheet) CSS3由 ...
3
CSS文本溢出效果&滚动条样式设置
日志一.文本溢出 1.overflow: hidden;  超出文本会被剪裁隐藏不可见 scroll;超出文本会被剪裁, 显示滚动条 auto; 如果文本超出会显示滚动条,没超出不会显示, overflo ...
1
CSS的引用&选择器&盒模型
日志CSS层叠样式表(Cascading Style Sheets)设置html样式的语言 一.应用CSS的三种方式 1.行内样式:直接在标签里加style属性 <p style="col ...
1
css3实现立体魔方效果
日志<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
1
做一个好看的可翻转登录注册界面
日志做一个好看的登录注册界面 前言 最近在尝试做网盘,使用的技术栈大概是 .net core + MVC + Mysql + Layui,主要目的是通过这个具体的项目,熟悉熟悉 .net core 开发, ...
css3动画帧
日志动画帧实现: css3使用steps来实现逐帧动画,动画过程中可能出现抖动,实乃精度偏差问题. 通常在动画里用到百分比单位时会出现抖动或位移现象,解决方法就是转换成具体的rem或px长度单位. 动画一 ...
1
css3(::before)伪元素的使用
日志<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
1
优雅降级和渐进增强?
日志优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作.由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些 ...
1
什么时候使用transition?什么时候使用animation?
日志不同点: 1. 触发条件不同.transition通常和hover等事件配合使用,由事件触发.animation则和gif动态图差不多,立即播放. 2. 循环. animation可以设定循环次数. ...
vertical-align什么时候使用?常用的值分别有什么作用?
日志设置元素的垂直对齐方式 常用的值: 1.baseline:默认.元素放置在父元素的基线上. 2.sub:垂直对齐文本的下标. 3.super:垂直对齐文本的上标 4.top:把元素的顶端与行中最高元素 ...
box-sizing什么时候用?常用的值都有什么?
日志一般在做自适应的网页设计的时候用,用这个属性网页结构才不会被破坏. 常用的值: 1. content-box:宽度和高度分别应用到元素的内容框,在宽度和高度之外绘制元素的内边距和边框. 2. bord ...
1
清除浮动的技巧,以及各自适用的使用场景
日志1.使用空标签清除浮动. 这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签. 2.使用overflow. 给包含浮动元素的父标签添加css属性 ...
1
移动端显示 滚动条
日志::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-w ...
1
转载-没有IE就没有伤害!浏览器兼容性问题解决方案汇总
日志普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的.俗话说:没有IE就没有伤害. 贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和 ...
1
submit按钮修改宽高的坑
日志近些天对h5非常感兴趣,边工作边学习,虽然比较累,但过得很踏实.每天都要学习一点东西,这样才能对得起自己.好了,废话不多说,进入今天的主题. 今天遇到了一个非常有趣的东西,就是在修改submit按钮的 ...
关于CSS样式的那些事_导航条菜单讲解
日志最近开始忙着开自己的个人博客了,自己的前端确实是渣渣.没办法,一步步来,从慕课网上慢慢学着先. 首先带来的是一个导航栏的设计: 垂直导航栏的设计: 直接上代码: <!DOCTYPE html P ...
1