内部样式解决了内联样式的问题，但他也有弊端，主要表现在一下两个方面：
弊端1，内部样式只能作用于一个页面，如果要实现多个页面共享一个样式，就做不到了。
弊端2，随着样式代码的不断增加，在编辑器中，要不停的上下滚动屏幕来编辑样式，很不方便。
解决这些弊端的方法就是使用外部 CSS。
外部 CSS，也叫外部样式，可以通过改变一个文件来改变整个网站的外观！
2024年11月08日
内部样式解决了内联样式的问题，但他也有弊端，主要表现在一下两个方面：
弊端1，内部样式只能作用于一个页面，如果要实现多个页面共享一个样式，就做不到了。
弊端2，随着样式代码的不断增加，在编辑器中，要不停的上下滚动屏幕来编辑样式，很不方便。
解决这些弊端的方法就是使用外部 CSS。
外部 CSS，也叫外部样式，可以通过改变一个文件来改变整个网站的外观！
2024年11月08日
将为大家介绍如何使用 CSS 来布局图片。
圆角图片
实例
圆角图片:
img {
border-radius: 8px;
}
实例
椭圆形图片:
img {
border-radius: 50%;
}
尝试一下 ?
缩略图
我们使用 border 属性来创建缩略图。
2024年11月08日
欢迎观看 Photoshop 教程，小编带大家了解如何使用 ps 将照片主题置于全新环境中。
不需要旅行预算来为您的照片寻找新的背景，第一步是隐藏朴素的灰色墙。选中模特图层，来到工具面板选择「快速选择工具」选择模型的形状。
选择「选择主体」，然后选择「选择并遮住...」以进入「选择并遮住...」工作区。
在「选择并遮住...」工作区的「属性」面板中，将「移动边缘」滑块向左移动以优化选择的边缘，「输出设置」选择「选区」，点击「确定」。
2024年11月08日
作用是向网页中添加图片，并且img标签有多个可用参数可以添加。
<body>
<!--图片标签 -->
<img src="test.png"> <!--写法1：单这样写就可以引用图片了-->
<!--写法2：带有参数-->
<img src="test.png" alt="测试图片" title="测试" width="400" height="600">
<!--
src 属性 ：引用图片的路径
alt 属性 ：正常不显示，只在找不到图片时显示
title 属性：当鼠标悬停到图片上时，自动显示。
width ：图片的宽度，可以自定义（单位像素）
height：图片的高度，可以自定义。
-->
</body>2024年11月08日
多个图标放到同一个图片里，通过定义某区块的背景定位，调用同一个图片中不同位置上的小图标，好处是可以减少对服务器的请求次数，从而加快页面的访问速度
2024年11月08日
前言
我们组要招一个前端开发，我也借此机会整理了一下前端的基础知识。否则在面试的时候如果被别人问倒了，人家还以为我们公司没有技术大牛的。
2024年11月08日
第一步：绘制出一个小正方形
1、html代码
<div class="ico"> </div>
2、css代码
.ico{ width:50px;height:50px; background:red; }产生结果：
2024年11月08日
使用 mask 实现视频弹幕人物遮罩过滤
经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。
简单的一个截图例子：
其实，这里是运用了 CSS 中的 MASK 属性实现的。
之前在多篇文章都提到了 mask，比较详细的一篇是 -- 奇妙的 CSS MASK，本文不对 mask 的基本概念做过多讲解，向下阅读时，如果对一些 mask 的用法感到疑惑，可以再去看看。
2024年11月08日
前言：
无论是做界面还是画插图，我们总是离不开渐变色。界面背景色太平？加个渐变吧；想要突出光影？加个渐变吧。
在渐层色看起来更有活力、富有设计感，且目前技术只要通过代码语法就能将渐层运用到网页中，不会拖慢网页载入速度，语法撰写方式也很简单，几乎可以说一段语法就能快速套用背景。
提示：在渐变色主要可以从四个方面考虑，分别是饱和度变化、明度变化、色相变化以及透明度的变化。