css
骑猪下不来的猴
这个作者很懒,什么都没留下…
展开
-
css继承
最近在恶补css样式表的基础知识。上次研究了css样式表之冲突问题详解 。这次是对 css 继承 特性的学习。什么是css 继承?要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。 文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧,笔者在这里就不一一赘述了。希望深入了解的朋友请google之。那么CSS样式...原创 2018-07-30 15:15:53 · 181 阅读 · 0 评论 -
用CSS实现响应式布局
响应式网页看起来高大上,但实际上,不用JS只用CSS也能实现响应式网站的布局要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用使用@media 的三种方式第一: 直接在CSS文件中使用@media 类型 and (条件1) and (条件二){css样式}@media screen and (max-width:980px ) {body{backgr...转载 2018-07-30 15:30:14 · 33609 阅读 · 2 评论 -
css横排菜单实现鼠标悬停更改样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>横排菜单实现鼠标悬停更改样式</title> <style type="text/css" rel=&q原创 2018-07-30 16:15:02 · 1546 阅读 · 0 评论 -
解决bootstrap页面缩放时布局会乱的问题
给body加上一个min-width最小宽度,以px为单位,这样当页面变小时,当达到你所设置的最小宽度,body的宽度不再改变,超出的部分会用横向滚动条显示,其内所有元素的布局也不会受影响。 使用百分比设置宽度,所有会在页面变化后布局改变的元素的宽度都设置成百分比宽度,这样在缩放时,页面内的各个元素也会跟着缩放,宽度占比不变,当然前提是设置CSS样式前,先给body和html这两个...原创 2019-05-17 12:02:01 · 5702 阅读 · 2 评论 -
loading效果
1.css.loading{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url('../../../assets/img/loading003.gif') center ...原创 2019-06-03 18:04:34 · 687 阅读 · 0 评论