好文分享
-
CSS的line-height属性如何设置行间距
CSS中行间距的实现需要line-height属性，接下来的这篇文章就来给大家介绍CSS使用line-height属性的具体方法。 字符间的间隔太大或者太窄有时可能不太确定，我们需要根据网站的需要来进行调整，而使用CSS的line-height属性可以调整字符间的距离。 我们下面来看具体的示例 立即…
-
CSS如何实现滑动门效果
CSS实现滑动门效果主要通过设置伪元素的样式来实现，在鼠标滑过时给元素设置display:block让它显示，鼠标滑出时隐藏 一个网站的导航栏对于网站来说有着举足轻重的地位,导航栏的风格也是各式各样的,纯文本的导航栏比起图像导航栏加载更加快速，但是在样式上确不及图片导航栏的美观，后来又有了滑动门导航…
-
CSS中font-weight属性怎么使用
使用CSS的font-weight属性可以设置文字的粗细，如果你想让文字更加的突出可以使用CSS的font-weight属性让文字加粗，这样的话就会比较显眼了，所以，接下来的这篇文章我们就来给大家介绍一下CSS中font-weight属性的用法。 我们下来准备一个HTML代码 代码如下 加粗ABCa…
-
CSS中calc()函数怎么使用
CSS中的calc()函数可用于动态计算长度值，比如宽度、高度以及字体的大小等，下面我们就来看看CSS中的calc()函数的具体用法。 CSS的calc函数是一个可以使用计算公式进行布局和设置大小规范的函数。 通常设置布局和大小，都是如100px和3em这样来设置的，但你可以通过calc函数使用10…
-
如何设置CSS样式中的透明度
CSS样式中透明度的设置方法：首先创建一个HTML示例文件；然后通过img创建一张图片；最后通过css中的opacity属性来设置透明度，其语法如“opacity: value|inherit;”。 本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。 …
-
CSS的flexbox如何使用
flexbox（flexible box layout module）通过对父元素编写简单指令，可以对多个子元素进行各种各样的布局的调整，本篇文章就来给大家介绍css中flexbox的使用方法。 将Flexbox设置为父元素，这是非常重要的一个点。首先输入要应用的项目的父元素，如下所示。 displ…
-
如何使用CSS制作按钮
今天的这篇文章中将给大家介绍四种按钮的实现方法，其中包括普通的方形按钮，圆角按钮，立体按钮和带有简单动画的按钮，下面我们来看具体的内容。 我们先来看一下普通方形按钮的实现方法 按钮代码如下所示 HTML代码 普通方形按钮 圆角按钮的实现方法 立即学习“前端免费学习笔记（深入）”； 代码如下 HTML…
-
CSS3如何实现自动换行效果
CSS3实现自动换行效果的方法：1、通过word-break属性实现自动换行效果；2、通过word-wrap属性来实现自动换行效果。 本文操作环境：Windows7系统、HTML5&&CSS3版、Dell G3电脑。 CSS3中要实现自动换行的效果可以通过word-break属性或者…
-
CSS中z-index属性怎么使用
z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面，如果想要让后面的元素优先级更高，你可以使用z-index属性来设置。 下面我们就来具体看看如何使用CSS中的z-index属性？ z-index描述如下。 z-index：value ; 值以整数形式输入…
-
如何使用CSS设置页面打印
本篇文章给大家介绍关于如何使用CSS设置页面打印，如果设置了媒体类型，则会反映打印时应用的CSS，下面我们来看看具体的内容。 首先我们来看看CSS媒体类型有哪些？ screen（屏幕） print（打印） 立即学习“前端免费学习笔记（深入）”； tv（电视） projection（投影仪） all（…
