零基础建站培训介绍

当前位置:

类别 - CSS 教程

  • CSS中的ZOOM:1作用是什么

    CSS中的ZOOM:1作用是什么

    分类: CSS 教程 浏览:11110 次

    我们学习CSS3视频教程时,做网站经常会看到CSS代码里会有一个ZOOM:1,删除ZOOM:1属性对网页却没有任何影响。那么ZOOM:1到底有什么作用呢? 下面就跟着学做网站论坛来了解…[阅读全文]

  • background-size cover和contain的用法详解

    分类: CSS 教程 浏览:13439 次

    我们在自己建网站时,经常需要用到background属性。我们还可以通过background-size来控制背景图片的尺寸。 background-size有几个属性值,常用的是cover和contain。那么ba…[阅读全文]

  • CSS常用属性大全

    分类: CSS 教程 浏览:14065 次

    什么是CSS? CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。在建网站时采用CSS技术…[阅读全文]

  • CSS3常用英文汉语词汇对照表

    分类: CSS 教程 浏览:13226 次

    在自己建网站时,CSS是控制网站各类样式的文件,CSS全部是英文,为了方便学建网站新手使用CSS,下面是学做网站论坛总结的常用CSS英文汉语词汇对照表. width 宽度 heig…[阅读全文]

  • CSS控制强制不换行/自动换行/强制换行

    分类: CSS 教程 浏览:17075 次

    学习了网站制作课程的学员都知道,网站的样式都是受CSS来控制的。 下面是控制的CSS样式代码: 强制不换行 div{ white-space:nowrap; } 自动换行 div{ wor…[阅读全文]

  • Animate动画名称大全

    分类: CSS 教程 浏览:145641 次

    animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fade…[阅读全文]

  • CSS绝对定位与相对定位区别易懂详解

    CSS绝对定位与相对定位区别易懂详解

    分类: CSS 教程 浏览:144378 次

    相对定位(relative)是指在其正常的位置上偏移;使用相对定位时,移动后,它原来占的位置不会被其它元素占用。 相对定位的语法: div{position:relative;top:10px;rig…[阅读全文]

  • CSS background 背景样式总结

    分类: CSS 教程 浏览:144414 次

    背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式: 背景属性以及背景位置的控制: 1、background-position:水平方向,竖直方向…[阅读全文]

  • CSS实现强制换行/自动换行/不换行

    CSS实现强制换行/自动换行/不换行

    分类: CSS 教程 浏览:145655 次

    在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧。 今天我们来学习一下如…[阅读全文]

  • *{margin: 0; padding: 0}的作用与利弊

    *{margin: 0; padding: 0}的作用与利弊

    分类: CSS 教程 浏览:146964 次

    *{margin: 0; padding: 0}的作用 *{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。 * 这东西叫“通配符”用来…[阅读全文]

  • css设置font-style字体斜体样式

    css设置font-style字体斜体样式

    分类: CSS 教程 浏览:146964 次

    css font-style字体斜体样式来定义字体倾斜效果,所有主流浏览器都支持font-style属性,本文章向大家介绍css如何设置font-style字体斜体样式的方法和使用实例,提供给新手学…[阅读全文]

  • css div 外边距 内边距怎么控制

    css div 外边距 内边距怎么控制

    分类: CSS 教程 浏览:146438 次

    DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。 1、margin语法 Margin:10px Margin的值是数字+html单位,同时也可以为auto…[阅读全文]

  • 解决网站css样式兼容不同浏览器问题

    解决网站css样式兼容不同浏览器问题

    分类: CSS 教程 浏览:145149 次

    很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。 如果你在自己建网站时也遇到了不同浏览器之间不兼容问题,…[阅读全文]

  • CSS3鼠标悬停图标动画扁平风格导航菜单代码

    CSS3鼠标悬停图标动画扁平风格导航菜单代码

    分类: CSS 教程 浏览:146084 次

    代码介绍: 一款CSS3设计的绿色扁平化简洁清爽风格鼠标悬停动画切换网站导航菜单代码特效。 代码适用: 适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、…[阅读全文]

  • 12列响应式CSS网格样式代码

    12列响应式CSS网格样式代码

    分类: CSS 教程 浏览:145894 次

    特效介绍: 响应式12列CSS网格样式代码是一款网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。 特效截图: 特效适用:适用浏览器:IE8、360、F…[阅读全文]

  • CSS如何设置DIV边框阴影和图片阴影效果

    CSS如何设置DIV边框阴影和图片阴影效果

    分类: CSS 教程 浏览:147075 次

    在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观. CSS设置阴影效果的样式为box-shadow属性,使用方法: 边框设置阴影效果: …[阅读全文]

  • CSS设置字与字之间的间距,CSS控制字间距

    CSS设置字与字之间的间距,CSS控制字间距

    分类: CSS 教程 浏览:145279 次

    我们来介绍下css 字间距,使用css来控制字与字之间距离,也叫css字间距方法。 使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距。 Css字间距、div …[阅读全文]

  • CSS3常用属性手册

    CSS3常用属性手册

    分类: CSS 教程 浏览:143906 次

    CSS3新增选择器有哪些:https://www.xuewangzhan.net/baike/css3-232.html     CSS3中的transform 变形功能: transform:rotate():旋转  transform:skew():倾…[阅读全文]

  • CSS3自适应布局与Media Queries

    CSS3自适应布局与Media Queries

    分类: CSS 教程 浏览:145144 次

    Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的…[阅读全文]

  • CSS3弹性盒布局详解:box-flex /box-oridial-group/box-orient

    CSS3弹性盒布局详解:box-flex /box-oridial-group/box-orient

    分类: CSS 教程 浏览:141239 次

    弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。 …[阅读全文]

  • CSS3盒模型布局display:box详解

    CSS3盒模型布局display:box详解

    分类: CSS 教程 浏览:141665 次

    display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。 经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分…[阅读全文]

  • CSS3多栏布局属性详解: column-count、column-width、column-gap、column-rule

    CSS3多栏布局属性详解: column-count、column-width、column-gap、column-rule

    分类: CSS 教程 浏览:143027 次

     column-count属性: column-count将 div 元素中的文本分为几列显示,常用于文章进行分列阅读。缺点是几列的宽度是一样的 div { -moz-column-count:3; /* Firefox …[阅读全文]

  • CSS3中的动画功能之transtions和animations详解

    CSS3中的动画功能之transtions和animations详解

    分类: CSS 教程 浏览:142172 次

    CSS3中的动画功能分为Transitions和Animations功能,这两种功能都可以通过改变CSS中的属性值来产生动画效果。 一.Transitions Transitions功能通过光标来触发将元素的某个…[阅读全文]

  • CSS3中的transform 变形功能 rotate() / skew() / scale() / translate(,)

    CSS3中的transform 变形功能 rotate() / skew() / scale() / translate(,)

    分类: CSS 教程 浏览:141825 次

    transform 属性 transform的含义是:改变,使…变形;转换 transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 ro…[阅读全文]

  • CSS3中边框属性详解 (border-radius:圆角边框&border-image:图片边框)

    CSS3中边框属性详解 (border-radius:圆角边框&border-image:图片边框)

    分类: CSS 教程 浏览:142482 次

    border-radius:圆角边框 CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可…[阅读全文]

  • CSS3中新增的背景属性(如何设置多个背景图片)

    分类: CSS 教程 浏览:142305 次

    新增背景属性 background-clip background-origin background-size CSS常用背景属性 background-repeat background-image 边框样式 border-radius border-imag…[阅读全文]

  • CSS3 overflow属性box-shadow属性详解

    CSS3 overflow属性box-shadow属性详解

    分类: CSS 教程 浏览:141820 次

    overflow这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出…[阅读全文]

  • CSS3盒模型介绍及使用方法

    CSS3盒模型介绍及使用方法

    分类: CSS 教程 浏览:140438 次

    在CSS3中使用display来定义盒的类型,一般分为block类型和inline类型。像p,div属于block类型,span,a属于inline类型。 1、使用inline-block类型来横向排列 之前去横排二个…[阅读全文]

  • css实现网页调用服务器端字体@font-face属性

    css实现网页调用服务器端字体@font-face属性

    分类: CSS 教程 浏览:144219 次

    在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们服务器端上的字体。 …[阅读全文]

  • CSS3如何设置文字阴影与自动换行

    CSS3如何设置文字阴影与自动换行

    分类: CSS 教程 浏览:141213 次

    1、CSS3设置文字一个阴影 在CSS3中使用text-shadow属性来给文字添加阴影效果 h1 { text-shadow: 5px 5px 5px #FF0000; } 语法解释: 值 描述 h-shado…[阅读全文]