WEB前端开发 - 文章 - 第19页 - 好学星城学习论坛

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

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

0
0
轩辕小不懂
发布于 2021-05-27 14:15
阅读 ( 805 )

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

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

0
0
轩辕小不懂
发布于 2021-05-27 13:56
阅读 ( 1211 )

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

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

0
0
轩辕小不懂
发布于 2021-05-26 11:07
阅读 ( 1132 )

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

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

0
0
轩辕小不懂
发布于 2021-05-26 10:53
阅读 ( 677 )

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

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

0
0
轩辕小不懂
发布于 2021-05-25 11:44
阅读 ( 708 )

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

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

0
0
轩辕小不懂
发布于 2021-05-20 11:15
阅读 ( 554 )

CSS选择器之CSS元素选择器

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

0
0
轩辕小不懂
发布于 2021-05-20 11:03
阅读 ( 481 )

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

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

0
0
轩辕小不懂
发布于 2021-05-19 11:20
阅读 ( 633 )

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

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

0
0
轩辕小不懂
发布于 2021-05-19 11:11
阅读 ( 622 )

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

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

0
0
轩辕小不懂
发布于 2021-05-18 15:46
阅读 ( 534 )

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

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

0
0
轩辕小不懂
发布于 2021-05-18 15:27
阅读 ( 503 )

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

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

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

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

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

0
0
轩辕小不懂
发布于 2021-05-17 11:23
阅读 ( 620 )

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

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

0
0
轩辕小不懂
发布于 2021-05-17 11:08
阅读 ( 589 )

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

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

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

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

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

0
0
轩辕小不懂
发布于 2021-05-15 11:13
阅读 ( 493 )

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

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

0
0
轩辕小不懂
发布于 2021-05-15 10:47
阅读 ( 589 )

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

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

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

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

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

0
0
轩辕小不懂
发布于 2021-05-14 11:36
阅读 ( 712 )

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

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

0
0
轩辕小不懂
发布于 2021-05-14 11:26
阅读 ( 666 )