• css基础篇--背景样式

    在CSS中,背景样式主要包括背景颜色和背景图像。在传统的布局中,只能使用少数的标签来定义背景图像和背景颜色。但是随着Web2.0时代的到来,设置背景样式不再使用传统HTML属性来定义,转而使用无限制、更灵活的CSS来定义。目标设置背景颜色设置背景图片操作背景图片样式背景颜色-background-c 2024-12-18 09:18:13
  • CSS3 box-shadow实现背景动画

    前言语法: box-shadow: h-shadow v-shadow blur spread color inset;box-shadow,向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。参数 2024-12-18 08:33:02
  • css颜色单位表示法

    所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色,那么可以有28即256种颜色,所以总共可以表示256256256种颜色。CSS纵有多种颜色表示:十六进制表示法:可表示为:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。例如:#000 2024-12-18 08:03:21
  • Web前端开发技术,CSS字体属性介绍,提升前端小白能力

    字体1、使用CSS属性指定和改变字体外观,常见的属性有:font-style: italic; 定义字体的风格font-weight: bold; 定义字体粗细font-size: 20px; 定义字体大小line-height: 30px; 定义一段文字的行高还可以使用简写形式,把所有属性值放到f 2024-12-17 11:00:19
  • CSS 知识总结—CSS的动画

    CSS简介1.什么是CSS?CSS:Cascading Style sheet层叠样式表或级联样式表 是一种样式设置规则,用于控制页面的外观的样式2.为什么使用CSS?实现内容与样式的分离,方便团队开发样式复用,便于网站后期维护页面的精确控制,让页面更精美3.CSS作用页面外观美化布局和定位CSS动 2024-12-17 10:35:02
  • css的用法有哪些?小白轻松入门

    1.1 选择器语法选择器{ 样式1;样式2;样式3;……}1.2 CSS基本选择器(1)标签选择器语法:标签{样式1;样式2;}p{font-weight: bolder;color:darkslategray;font-family: "微软雅黑";}(2) 类选择器.box2{border:do 2024-12-17 10:19:00
  • CSS图片浏览效果

    今天分享一个CSS图片浏览效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http 2024-12-17 10:05:30
  • 如果你的css文件这么分类,可维护性大大增强!

    按照css的性质和用途,我们可以将css文件分成:公共型样式特殊型样式皮肤型样式并以此为顺序引用。那么他们分别是什么呢?公共型样式是最为重要的部分,对于比较小的项目,我们只引入一个css,这个css的样式即公共型样式,一般包括:“标签的重置和设置默认值”(以消除不同浏览器之间的差异)、“统一调用背景 2024-12-17 09:06:02
  • css中使用font-family引用字体会造成侵权么?

    前言下面是我们做项目经常用到的字体的定义的一句代码,如果你不知道这一串英文分表代表什么字体的话,下面列举了font-family常用字体中英文对照表,它非常好用,建议收藏。(平时用到的字体定义代码)关于版权css中使用font-family会造成字体侵权么?建议收藏windows常见内置中文字体字体 2024-12-17 08:35:30
  • 纯 CSS 简单实现图片自适应水平垂直居中

    本方法适用图片尺寸不一,且需要根据页面大小实现自适应等比缩放的情况;之前一直用的是背景图的方式来实现这个效果,可以这样做的一个弊端是不利于SEO 的优化,所以决定换种方式写,综合网上搜出来的文章,写了这个教程,供新手学习使用。实现样式:demo1先上代码:HTML结构 <div class=" 2024-12-17 08:03:31