公司官方网站开发

CSS 使用margin:0 auto让图片居中方法 display:block+margin:0 auto让图片居中_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3628 浏览

应该都知道让一个div元素进行居中，最快的办法就是使用margin:0auto（前提是div存在定宽值），然后只针对一个图片如何居中呢？为什么对图片直接使用margin:0auto居中会失败呢？比如:img{width:200px;&...

margin:auto学习 - 使用教程_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3676 浏览

本文主要学习一些margin:auto1、元素有时候，就算没有设置width或height，也会自动填充，比如：div{background:#fafafa}会默认margin:auto自动填div满容器2、元素有时候，就算没有设置width或height，...

margin重叠 - 详细讲解重叠使用情境、方法、重叠条件、规则、案例！_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3640 浏览

margin重叠通常特性：1、black水平元素（不包括float和absolute元素）2、不考虑writing-mode，只发生在垂直方向（margin-top/margin-bottom）margin重叠三种情境：1、相邻的兄弟元素2、父级和第一个/最...

CSS：margin 一侧定宽自适应布局，取消文字环绕图片的方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3657 浏览

 上一篇文章讲解过一个《padding实现两栏自适应》，今天还是用这个类似的案例，讲解下，在maigin技巧，一侧定宽的自适应布局，避免文字环绕图片的方法！注意：本文分享的方法，是基于margin可以改变无固定width和height的普通black水平元素宽...

CSS：padding实现两栏自适应 - 图片与文字左右排列，文字自适应不限宽度_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3627 浏览

使用padding来布局，上一篇文章讲解了padding来实现两栏等高布局，本文重点讲解下两栏自适应宽度，在图片和文字组合一起的时候，让文字区域宽度自适应。注意：这里的图片宽度是固定的，而不能随意宽度！要实现图片固定，文字不限制宽度的自适应，那么有两种使用padding...

[导航跟随]jQuery - 多个菜单导航滚动跟随，全部积累置顶在顶端，向上拉时返回原位置_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3659 浏览

之前写过几篇导航跟随文章，基本都是比较简单的单个导航跟随，如：《jQuery 导航菜单、广告 —— 固定、置顶、跟随》、《jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码》，这两个导航跟随案例，都属于比较简单的单导航跟随代码！还有另外一个《j...

css让图片自适应容器（div）大小,超便捷响应式图片自适应_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3654 浏览

我们在写页面的时候经常会遇到需要图片自适应容器大小这样的情况，下面我就开门见山的说明一下怎样去实现这样一个效果。1.简单的做法<div>         <img&nbs...

div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3637 浏览

网站公告栏一般采用滚动形式，随着jquery的出现，特效做起来更加简单，所以目前大多数网站都有自己的公告栏目，采用文字滚动的形式，今天来分享几个垂直公告文字滚动特效，分别是全面版，常用版，以及极简版！1、jquery，公告垂直滚动，可关闭特效：（全面版）html&lt;...

div+css在固定宽高下显示滚动条(右侧、下方)以及滚动条颜色 - overflow_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3618 浏览

滚动条现在已经不是很常用了，但偶尔在特殊的模块仍然发光发热，下面在详细说明下如何在div+css下实现固定宽度和高度的滚动条，以及如何在右侧和下方显示滚动条。1、div+css如何加滚动条：div加滚动条的方法：&lt;divstyle=&quot;position...

JS动态修改iframe高度和宽度的方法/iframe 去除边框和自适应高度_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3621 浏览

方法一：JS动态修改iframe高度和宽度的方法&lt;!DOCTYPEhtml&gt; &lt;html&gt; &lt;head&gt; &lt;script&gt; functionchangeSize() { do...

Font Awesome 图标字体库最简单教程 - 使用方法！_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3655 浏览

FontAwesome图标字体库不多介绍，都知道现在大多数网站前端陆续使用各种图标字体，而FontAwesome又是汉化比较好的一款。下面直接讲解FontAwesome图标字体库的使用：1、下载图标字体，然后引用（也可以直接官网给的链接，打开网址学习即可看到）h...

jQuery - click点击显示隐藏，同时点击其它空白区域隐藏_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3617 浏览

点击显示隐藏，之前分享过几篇文章了：0、jQuery(最优)点击切换显示隐藏状态，点击显示隐藏菜单，.click切换1、jQuery点击显示隐藏（简单）2、jQuery：点击显示隐藏、横向淡入淡出3、jQuery点击显示隐藏CSS-toggleClass()方法...

CSS 三角形对话框（带边框）- :before + :after + border_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3642 浏览

 关于三角形的各种画法，之前在文章《纯CSS - border绘制三角形（各种角度）》内有详细的介绍，今天来讲的是CSS绘出对话框和三角带边框！真正的三角形画法虽然重要，但常用程度甚至不如本文介绍的带边框三角形，因为现在网页需要弹出各种信息，比如二维码，比如联...

CSS - :focus 选择器 - 点击选择输入框背景颜色变色_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3624 浏览

选择输入框，激活背景颜色设置，可使用:focus选择器。在这实际应用中心非常常用，不管是评论输入框或者是填表框，为了效果，都会增加点击后背景色变色功能，这时候用:focus是最佳选择！选择获得焦点的输入字段，并设置其样式：input:focus{...

html - 指定 tab 键顺序 tabindex 属性_html标签

新闻来源：网络整理    2023-3-4    共有: 3610 浏览

如果你要指定使用tag顺序，比如第二个输入框为第一个tag，再次tag返回输入第一个输入框，那就需要用到tabindex属性了！tabindex属性规定元素的tab键控制次序（当tab键用于导航时）目前支持任何浏览器，也就是IE360chrome...

margin负值 - 两端对齐（margin可以改变元素尺寸的特性）_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3685 浏览

如上图，这样的两端对齐是非常常见的排版方式，一般来讲，绿色的一般是一模一样的，比如是ulli，li的尺寸相同，整齐排列，这时候就可以使用margin负值进行两端对齐！上图实现代码：&lt;!doctypehtml&gt;&lt;html&gt;&lt;he...

常用的HTML特殊符号_html标签

新闻来源：网络整理    2023-3-4    共有: 3658 浏览

在写模板的时候常用到各种符号，比如大于号小于号版权号甚至各种空白空格HTML符号，这在写代码的时候使用的几率太高，所以今天就搜集几个比较常用的特殊HTML符号，以后会保持更新，存档各种符号！&amp;lt;&lt;...

overflow:hidden导致ul li前缀点消失(隐藏)的解决方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3632 浏览

昨天发布了《纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)》可能很多人喜欢使用ul li自带的前缀点作为前缀图标，而不是使用背景图片的方式，这样省去了做图也能为网页提速，特别是各种标题中使用 ul li的前缀点！实际上用了overflow:h...

纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3647 浏览

今天在制作一个zblog模板的时候，用到了li前加点并且触发:hover变色，特来分享下方法，其实很简单！HTML：<ul>     <li><a href="#"&g...

史上最简单介绍box-shadow四个边框设置阴影样式的文章_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3629 浏览

其实对于box-shadow，老白我也是一知半解，之前用的时候直接复制已有的，也没有仔细思考过box-shadow的数值分别对应什么，最后导致阴影的边如何自由控制，苦于懒人一个一直没有正式去学习，今天无意中看到以下这篇文章，瞬间清醒有木有，看完整片文章，对于box-sh...