- 博客(14)
- 收藏
- 关注
RSS订阅原创 HTML+CSS基础知识点(part10)
keyframes 动画名称 {from{ 开始位置 }to{ 结束 }@keyframes 动画名称 {0%55%....100%/* 关于几个值，除了名字，动画时间，延时有严格顺序要求其它随意*/
2024-06-24 21:34:24
793
原创 HTML+CSS基础知识点之（字体图标）（part09）
引号中的前半部分（iconfont ）一定不能少，空格后面为图标的名称，在上图二圈住的黄色框内选择.点后面的字母复制到空格后面。4、将压缩包解压，为了后续方便引用，可以将解压后的文件夹重命名，在这里重命名为fonts。3、在下载处选择下载代码，自定义下载位置 ，下载后的代码是个压缩包。图一图二所圈的都是他们的名字的但是图一图二是两种不同的使用方法。方法一中的图标名 取自图二，需要注意的是。6、找到字体图标名。
2024-06-23 22:42:55
265
原创 HTML+CSS之盒子模型（CSS重点）（part08）
对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大者，即使父元素的上外边距为0，也会发生合并。（上面的三个部分在之前的文章（part05）中已有详细解释，在这里就不赘述。1.所有的文档元素（标签）都会生成一个矩形框，它描述了一个文档元素在网页布局汇总所占的位置大小。网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。
2024-06-22 22:08:10
983
原创 案例2-（精灵图）
CSS 精灵图（CSS Sprites）是一种将多个小图片合并成一张大图的技术。通过将多个小背景图像整合到一张大图中，可以减少服务器接收和发送请求的次数，从而提高页面的加载速度。属性来精确控制每个小背景图片的位置。一般情况下，精灵图的坐标都是负值，因为背景图片通常是向左上角移动。使用精灵图的核心是将网页中的小背景图片整合到一张大图片中，然后通过 CSS 的。
2024-06-21 21:48:43
221
原创 HTML+CSS基础知识点（part06）
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，浮动的目的就是为了让多个块级元素同一行上显示。元素添加浮动后，浮动的元素脱标,虽然一行内显示,但是display属性为block在 CSS 中，定位是一种用于精确控制元素在文档中位置的机制。
2024-06-19 23:57:22
882
原创 HEML+CSS基础知识点（part05）
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。CSS 的权重指的是 CSS 选择器的优先级，优先级高的 CSS 样式会覆盖优先级低的 CSS 样式。对内边距的大小进行设置，其值可以有1、2、3、4个值，不同情况下代表的意义不同，表现出来的形式也不同。样式一、样式二我们可以看出当命令行的权重相同时，元素最终执行的标准是谁在后面执行谁，（通过样式三，当权重相对大时，就算它的位置是比较靠前的，也是最先执行权重较大的命令。权重的值是可以叠加的，权重越高的，优先级越高。
2024-06-18 23:35:57
674
原创 HTML+CSS基础知识(part04)
这一部分主要是对列表进行多种操作,,例如去掉无序列表前的小圆点,,将前面的点设置成空心圆,,方形,甚至是图片..son1和son2都继承了father，但是p内的元素并没有受到影响。在上述的效果图中,,蓝色的为自定义的正方形框架,,方便观察到背景图片。的显示..原本的蝴蝶尺寸是比较大的,,但是可以自定义调节尺寸大小..列表项内容内部还是外部显示,两者的区别由效果图可以大概理解其作用..有父类和子类的区别,,子类可以继承父类的设定..
2024-06-17 23:59:22
242
原创 HTML+CSS基础知识点（part03）
同时，它又具有块元素的一些属性，比如可以设置宽度、高度、内外边距等。标签选择器、类选择器、背景颜色（background-color:）、文字大小（font-size:）、文本阴影（text-shadow:）、字体颜色（color:）、字体（font-family:）。子代选择器与后代选择器（Descendant Selector）不同，后代选择器可以选择一个元素的所有后代，而子代选择器仅选择直接子元素。当两组不同的元素有同样的需求时，可以使用并集选择器，同时达到我们想要的效果。以行内元素的形式展示；
2024-06-16 20:18:11
940
原创 HTML+CSS基础知识点（part02）
也可以同时指定英文和中文的字体种类，但需要注意的是指定英文和中文的字体种类的前后顺序要和英文和中文的前后顺序保持一致（比如上图中的。在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！a:active 必须位于 a:hover 之后，这样才能生效！链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。不同的链接，可以有不同的样式，这取决于他们是什么状态。”中也是先指定的英文字体种类）。用来指定文本的第一行的缩进。来指定字体的大小，其中以。
2024-06-14 08:28:25
436
原创 HTML+CSS基础知识点（part01）
<dt>售后中心</dt><dd>手机售后</dd><dd>电视售后</dd><dd>电脑售后</dd>
2024-06-13 22:01:14
779
原创 python：1221是一个非常特殊的数，它从左边读和从右边读是一样的，编程求所有这样的四位十进制数。按从小到大的顺序输出满足条件的四位十进制数。
【代码】python：1221是一个非常特殊的数，它从左边读和从右边读是一样的，编程求所有这样的四位十进制数。按从小到大的顺序输出满足条件的四位十进制数。
2024-02-14 00:57:00
139
1
原创 如何配置PyCharm环境写Python
第四步：在左边的工作区选择一个文件夹，右击新建一个Python文件。第二步：下载完成后，打开PyCharm社区版。第一步：在官网下载PyCharm的安装包。第三步：为自己的代码选择合适的存储位置。输入自定义名称，但是注意后缀一定要加上。第五步：然后就可以在这里输入代码。声明这是一个Python文件。此时这行代码就运行完成了。
2024-01-07 19:35:20
449
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人