page contents
筛选:  最新的 推荐的 热门的

彻底理解：简述对CSS盒子模型的理解

一、CSS盒模型 1、概念 CSS 盒子模型本质上是一个盒子。封装了周围的 HTML 元素。它包括：外边距(margin)、边框(border)、内边距(padding)、实际内容(element)四个属性。 CSS盒模型有两种...

CSS3盒子模型内阴影--box-shadow

盒子内阴影使用box-shadow box-shadow: inset 1px 1px 1px 1px #ccc; 第一个值代表是内阴影 第二个值是x轴偏移 第三个值是y轴偏移 第四个值是阴影模糊值 第五个值是阴影外延值 第六个值是阴...

简述：css盒子模型的概念是什么

模型概念 css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图： 图中最内部的框是元素的实际内容，...

div+css页面布局教程来了，建议掌握

如今web2.0炒的很厉害,先不去管它web2.0究竟是什么东西,反正div+css好像是火的不行了.各大知名站点都赶时髦似的把原来的表格布局翻新成了div+css,并美其名曰"本站符合web2.0标准",以便让别人...

CSS动画和JS动画的区别都有哪些？

使用动画 （js实现动画，css3实现动画） 一个是帧动画 一个是补间动画 什么是帧动画：使用定时器 每隔一段时间 更改当前元素的状态 什么是补间动画：过渡(加过渡只要状态发生改变产出动画)...

CSS雪碧图(sprite)的使用及制作方法教程

css雪碧图(sprite)是减少请求次数的有效手段，其原理是把多张图片进行合成，使用时通过css进行定位。 1.先看一下雪碧图 没有使用雪碧图时图标是这样一个个的单独文件： 合成雪碧图后是这...

CSS选择器之CSS元素选择器

基本选择器是CSS中使用最频繁、最基础，也是CSS中最早定义的选择器。基本选择器包括元素选择器、类选择器、id选择器、群组选择器、通配选择器。   表 2-1 基本选择器 表中，使用E.class或...

css3和css的关系是什么？有什么区别？

1.什么是css？        层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不...

介绍一下CSS3新增的position属性值：sticky

CSS3不久前新增了position的属性值，sticky。 设置了sticky的元素，在屏幕范围（viewport）时该元素的位置并不受到定位影响，该在哪里就是哪里（设置是top、left等属性无效）。但是，当该元...

css3新增的属性有哪些？列举5个看看

1.border-radius 圆角边框 2.背景 background-size： 属性规定背景图片的尺寸。在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们...

CSS盒子居中有哪几种方法？本文告诉你

1.第一种 利用margin，div1的宽减去div2的宽就是div2margin-left的数值：（100-40）/2=30 div1的高减去div2的高就是div2margin-top的数值：（100-40）/2=30 <!DOCTYPE html><ht...

不同版本jquery冲突怎么解决？

解决方法：手在一个版本的jquery源码的最后使用jQuery.noConflict()方法，释放会“$”标识符的控制；然后将另一个版本的jQuery的“$”和jQuery放到临时的变量空间上，让两个版本jquery的“$”不冲突即可。

  • 0
  • 0
  • 五福
  • 发布于 2021-05-17 18:47
  • 阅读 ( 729 )

干货：CSS选择器权重值介绍

当css多层嵌套选择器时，用权重值相加来判断优先级 !important > 行间样式 > id > class|属性|伪类 > 标签选择器|伪元素 > 通配符 选择器                权重值 !important ...

CSS选择器有哪几种？哪些属性可以继承？

CSS选择器有哪些？ 选择符类型 例子例子描述通用选择器   * 类别选择器(.class)    .intro  选择class=”intro”的所有元素ID选择器(#id)    #first选择id=”first”的所有元素标签选择器(elemen...

html5图片 srcset、sizes 属性和 picture 元素

关于图片img的响应属性srcset,和sizes及picture，很久之前看过，但是因为浏览器兼容原因，一直没有在项目中使用，但是最近发现，这几个属性兼容性还可以了，可以去caniuse中看一下，基本可以在项目中使用了。今天，简单介绍一下这几个属性。

  • 0
  • 0
  • 五福
  • 发布于 2021-05-15 14:51
  • 阅读 ( 694 )

干货：CSS盒子模型、浮动+代码分析

上篇博客分享了一个登录界面及相关的源码，这篇博客分享这个登录界面实现用到了哪些知识点 效果图 知识点 盒子模型 浮动 实现 接下来咱们一点点来实现，先写出HTML代码，把界面主干写...

网页前端设计css：网页前端制作CSS垂直居中技巧

互联网时代开始，WEB前端网页CSS的垂直居中需求就始终没有停过，而其困难度也始终没有让人轻松过，经过了每位开发先烈的研究后，据说CSS的垂直居中技巧已达到近十种之多，但始终鲜为人知，...

html中的map标签和area标签详解

今天无意中发现了一组特别有意思的HTML标签：map标签和area标签，查资料后总结一下：文档：<map>：用于定义一个客户端图像映射。图像映射

  • 0
  • 0
  • 五福
  • 发布于 2021-05-14 18:50
  • 阅读 ( 1356 )

什么是CSS盒模型？CSS盒模型由哪些部分组成

盒模型概念：盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 盒模型的组成：content(内容区)+padding(填充...

CSS选择器的权重介绍，建议掌握

css选择器的权重 概述 如果我们在使用css选择器的时候,有两个选择器同时选中了一个标签修改样式,那么css会决定使用哪一个选择器定义的样式呢？ 这就涉及到了我们的选择器权重计算,css会以...