CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。 CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
  • css将两个元素水平对齐的方法(兼容IE8)_CSS教程_CSS_网页制作

    css实现水平对齐,如图有人会说css实现这种水平对齐要兼容ie8还不简单吗?使用float: left,或者display: inline-block,不就可以了吗?是的,最常用的最简单方式就是上面这两种,但还有一种方式也可以实现,那就是使用display: tabl

    198 2018-10-10 0 198

  • 使用CSS实现无滚动条滚动的两种方法_CSS教程_CSS_网页制作

    我们都知道,撸页面的时候当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚

    115 2018-10-10 0 115

  • rem布局原理解析_CSS布局实例_CSS_网页制作

    移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏,3倍屏之分,作为精益求精的前端,我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案,本文主要介绍了rem布

    48 2018-10-10 0 48

  • CSS绘制三角形的实现代码(border法)_CSS教程_CSS_网页制作

    1. 实现一个简单的三角形使用CSS盒模型中的border(边框)即可实现如下所示的三角形:CSS实现简单三角形实现原理:首先来看在为元素添加border时,border的样子;假设有如下代码:<div></div>div { width: 50px; height: 50p

    102 2018-10-10 0 102

  • css实现二维码扫码框的示例代码_CSS教程_CSS_网页制作

    我们一般在打开相机的时候有个扫描框,然后静态二维码有时候为了聚焦和利于扫描也会加一个框框,下面介绍一下如何通过css 来实现一个框框实现效果:代码如下:html:<div class="img-box"> <img class="code" src="http

    94 2018-10-10 0 94

  • margin-top塌陷问题的现象与解决的具体方法_CSS教程_CSS_网页制作

    什么是margin-top塌陷margin-top塌陷是在CSS的盒子模型中出现的一种现象,描述的是当父元素包裹着一个子元素的时候,当给子元素设置margin-top属性时,此时只是想让子元素的边框距离父元素边框有一段距离,而却出现了父元素

    20 2018-10-10 0 20

  • CSS多种方式实现底部对齐的示例代码_CSS教程_CSS_网页制作

    因公司业务要求需要实现如下图中红色区域的效果:效果说明:1、红色区域数据需要倒排(即从底部开始数,数字为1、2、3、4、5),并且显示在最底部
    2、当数据过多时需要显示滚动条,**并且滚动条需要拉到最底部**
    3、数据从websocke

    32 2018-10-10 0 32

  • 浅谈css溢出机制探究_CSS教程_CSS_网页制作

    为什么需要深入学习CSS溢出机制?在实际开发的过程中,内容溢出是经常见到的。如果不深入了解这个机制,你经常会碰到这样的问题:为什么这个元素没有受到祖先元素的overflow:hidden的影响?这里出现的滚动条是哪个元素的?如果消

    37 2018-10-10 0 37

  • css设置多列等高布局的方法示例_CSS教程_CSS_网页制作

    初始时,多个列内容大小不同,高度不同。现在需要设置不同的背景来显示,而且各个列的高度需要保持一致。那么这就需要利用到多列等高布局。最终需要的效果: 1. 真实等高布局 flex 技术点:弹性盒子布局flex,默认值就是自带等高

    22 2018-10-10 0 22

  • CSS 实现滑动门的实例代码_CSS教程_CSS_网页制作

    所谓的滑动门技术,就是指盒子背景能够自动拉伸以适应不同长度的文本。即当文字增多时,背景看起来也会变长。大多数应用于导航栏之中,如微信导航栏:具体实现方法如下:1、首先每一块文本内容是由a标签与span标签组成<a href

    42 2018-10-10 0 42

    头条

    推荐视频教程

  • PHP入门视频教程之一周学会PHP
  • 弹指间学会HTML视频教程
  • 弹指间学会CSS视频教程
  • javascript初级视频教程
  • CSS3 最新视频教程