类别 - CSS 教程 CSS3多栏布局columns 日期：2022-5-23 分类： CSS 教程 浏览：14,799 次 CSS3多栏布局columns语法： columns: <'column-width'> || <'column-count'>; column-width：用来设置列宽，取值auto和像素值，实际宽度可能会更宽或更…[阅读全文] 如何用DIV+CSS制作导航条 日期：2021-5-13 分类： CSS 教程 浏览：13,261 次 一个蓝色主题的导航条布局案例，本CSS小实例，采用DIV CSS实现。同时不用图片做背景，直接使用背景色实现，鼠标经过悬停对应栏目名称是对应背景蓝色变深。 一般导航条采…[阅读全文] 怎么制作一个响应式HTML网页 日期：2021-5-18 分类： CSS 教程 浏览：13,806 次 响应式HTML网页可以自动适应不同浏览设备而自动变化版面，下面介绍一下怎么制作一个响应式HTML网页的方法和步骤。 打开Dreamweaver软件，新建一个HTML文件 在body标签中…[阅读全文] div+css布局是什么意思 日期：2021-2-7 分类： CSS 教程 浏览：13,912 次 div css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的代码定位方式，可实现网页页面内容与表现相分离。 简单来说就是把设计的网页（用ps，…[阅读全文] CSS中的ZOOM:1作用是什么 日期：2020-6-10 分类： CSS 教程 浏览：15,334 次 我们学习CSS3视频教程时，做网站经常会看到CSS代码里会有一个ZOOM:1，删除ZOOM:1属性对网页却没有任意影响。那么ZOOM:1到底有什么作用呢？ 下面就跟着学做网站论坛来了解…[阅读全文] background-size cover和contain的用法详解 日期：2023-6-7 分类： CSS 教程 浏览：110,155 次 我们在自己建网站时，经常需要用到background属性。我们还可以通过background-size来控制背景图片的尺寸。 background-size有几个属性值，常用的是cover和contain。那么ba…[阅读全文] CSS常用属性大全 日期：2020-8-10 分类： CSS 教程 浏览：18,197 次 什么是CSS？ CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在建网站时采用CSS技术…[阅读全文] CSS3常用英文汉语词汇对照表 日期：2019-11-3 分类： CSS 教程 浏览：17,208 次 在自己建网站时，CSS是控制网站各类样式的文件，CSS全部是英文，为了方便学建网站新手使用CSS，下面是学做网站论坛总结的常用CSS英文汉语词汇对照表. width 宽度 heig…[阅读全文] CSS控制强制不换行/自动换行/强制换行 日期：2019-11-3 分类： CSS 教程 浏览：110,975 次 学习了网站制作课程的学员都知道，网站的样式都是受CSS来控制的。 下面是控制的CSS样式代码： 强制不换行 div{ white-space:nowrap; } 自动换行 div{ wor…[阅读全文] Animate动画名称大全 日期：2019-11-3 分类： CSS 教程 浏览：150,324 次 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fade…[阅读全文] CSS绝对定位与相对定位区别易懂详解 日期：2021-5-30 分类： CSS 教程 浏览：152,217 次 相对定位（relative）是指在其正常的位置上偏移；使用相对定位时，移动后，它原来占的位置不会被其它元素占用。 相对定位的语法： div{position:relative;top:10px;rig…[阅读全文] CSS background 背景样式总结 日期：2017-8-31 分类： CSS 教程 浏览：148,174 次 背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式： 背景属性以及背景位置的控制： 1、background-position:水平方向，竖直方向…[阅读全文] CSS实现强制换行/自动换行/不换行 日期：2019-11-3 分类： CSS 教程 浏览：149,734 次 在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧。 今天我们来学习一下如…[阅读全文] *{margin: 0; padding: 0}的作用与利弊 日期：2018-4-27 分类： CSS 教程 浏览：151,119 次 *{margin: 0; padding: 0}的作用 *{margin: 0; padding: 0}作用是Reset（重置）浏览器默认样式，对于各浏览器样式统一的话有着简单粗暴的效果。 * 这东西叫“通配符”用来…[阅读全文] css设置font-style字体斜体样式 日期：2019-11-4 分类： CSS 教程 浏览：152,511 次 css font-style字体斜体样式来定义字体倾斜效果,所有主流浏览器都支持font-style属性,本文章向大家介绍css如何设置font-style字体斜体样式的方法和使用实例，提供给新手学…[阅读全文] css div 外边距 内边距怎么控制 日期：2019-11-4 分类： CSS 教程 浏览：150,656 次 DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。 1、margin语法 Margin:10px Margin的值是数字+html单位，同时也可以为auto…[阅读全文] 解决网站css样式兼容不同浏览器问题 日期：2019-11-4 分类： CSS 教程 浏览：149,327 次 很多网站都有一个很大的问题，在这个浏览器上显示正常，但在其它浏览器显示却错位。这就是网站浏览器不兼容。 如果你在自己建网站时也遇到了不同浏览器之间不兼容问题，…[阅读全文] CSS3鼠标悬停图标动画扁平风格导航菜单代码 日期：2020-8-11 分类： CSS 教程 浏览：149,864 次 代码介绍： 一款CSS3设计的绿色扁平化简洁清爽风格鼠标悬停动画切换网站导航菜单代码特效。 代码适用： 适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、…[阅读全文] 12列响应式CSS网格样式代码 日期：2019-11-4 分类： CSS 教程 浏览：150,087 次 特效介绍： 响应式12列CSS网格样式代码是一款网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。 特效截图： 特效适用：适用浏览器：IE8、360、F…[阅读全文] CSS如何设置DIV边框阴影和图片阴影效果 日期：2019-11-4 分类： CSS 教程 浏览：152,483 次 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观. CSS设置阴影效果的样式为box-shadow属性,使用方法: 边框设置阴影效果: …[阅读全文] CSS设置字与字之间的间距，CSS控制字间距 日期：2021-12-28 分类： CSS 教程 浏览：161,402 次 我们来介绍下css 字间距，使用css来控制字与字之间距离，也叫css字间距方法。 使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。(相关知识：CSS如…[阅读全文] CSS3常用属性手册 日期：2019-11-3 分类： CSS 教程 浏览：147,788 次 CSS3新增选择器有哪些:https://www.xuewangzhan.net/baike/css3-232.html CSS3中的transform 变形功能： transform:rotate()：旋转 transform:skew()：倾…[阅读全文] CSS3自适应布局与Media Queries 日期：2019-11-4 分类： CSS 教程 浏览：149,500 次 Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的…[阅读全文] CSS3弹性盒布局详解：box-flex /box-oridial-group/box-orient 日期：2016-12-2 分类： CSS 教程 浏览：144,959 次 弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。 …[阅读全文] CSS3盒模型布局display：box详解 日期：2020-4-20 分类： CSS 教程 浏览：145,641 次 display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。 经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分…[阅读全文] CSS3多栏布局属性详解: column-count、column-width、column-gap、column-rule 日期：2020-4-20 分类： CSS 教程 浏览：147,699 次 column-count属性： column-count将 div 元素中的文本分为几列显示，常用于文章进行分列阅读。缺点是几列的宽度是一样的 div { -moz-column-count:3; /* Firefox …[阅读全文] CSS3中的动画功能之transtions和animations详解 日期：2020-4-20 分类： CSS 教程 浏览：146,062 次 CSS3中的动画功能分为Transitions和Animations功能，这两种功能都可以通过改变CSS中的属性值来产生动画效果。 一.Transitions Transitions功能通过光标来触发将元素的某个…[阅读全文] CSS3中的transform 变形功能 rotate() / skew() / scale() / translate(,) 日期：2020-4-20 分类： CSS 教程 浏览：145,848 次 transform 属性 transform的含义是：改变，使…变形；转换 transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 ro…[阅读全文] CSS3中边框属性详解 （border-radius:圆角边框&border-image:图片边框） 日期：2020-4-20 分类： CSS 教程 浏览：148,080 次 border-radius:圆角边框 CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可…[阅读全文] CSS3中新增的背景属性（如何设置多个背景图片） 日期：2020-4-20 分类： CSS 教程 浏览：146,757 次 新增背景属性 background-clip background-origin background-size CSS常用背景属性 background-repeat background-image 边框样式 border-radius border-imag…[阅读全文]
