css基本属性汇总

最新推荐文章于 2024-09-24 17:19:24 发布
最新推荐文章于 2024-09-24 17:19:24 发布
阅读量521 收藏 17
点赞数 9
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45277161/article/details/110311451
博主分享了自己复习前端CSS的过程，强调了掌握原生技术的重要性。整理了全面的CSS属性清单，提醒开发者不应过度依赖框架，原生技术在某些情况下具有独特优势。附带了详细的CSS属性链接和图片链接，供读者参考学习。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

由于之前一段时间后端的学习导致前端开发基本靠框架，从ui框架（bootstrap、semantic、Mint UI 等等）到vue，react等，最近开始了实训，重拾了前端的HTML和css。复习了一遍前端知识，收获了很多，也有很多之前没发现的只是盲区，现在整理好了前端的css属性，供大家参考（没有一个不拉，但是基本用到的都可以看到）：文后附有链接

在这里插入图片描述

浏览链接：css属性

图片链接：图片链接

最后还是提醒大家，不能说只是依赖框架，我们也应该熟悉原生的东西，框架只是一个工具，但是有些时候原生的东西也有自己的长处。

努力，共勉。

CSS基本属性的使用
天涯学馆
05-25 120
TureTpe(.ttf)格式: 【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】OpenType(.otf)格式：【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】Web Open Font Format(.woff)格式: 【IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】
常见的css选择器汇总
最新发布
LvManBa的博客
10-23 1008
在HTML5中，引入了一些新的语义化标签，这些标签也可以作为元素选择器使用。**1、article: 选择所有文章内容元素。2、section: 选择所有章节元素。3、header: 选择所有头部区域元素。4、footer: 选择所有页面底部区域元素。5、nav: 选择所有导航栏元素。6、main: 选择页面主体内容元素。7、aside: 选择侧边内容或附加信息元素。8、figure, figcaption: 分别选择图像或图表及其标题元素。p {
CSS基础知识汇总
ximu__l的博客
06-07 1384
本文是关于CSS技术的基础内容，详细展列了CSS技术相关的基础。
CSS常见样式汇总
秋书一叶的博客
10-12 224
matrix() 函数可以实现 translate()、rotate()、scale() 和 skew() 函数的所有功能，也可以实现更加复杂的变换效果。skew()：倾斜，可用来实现元素的倾斜效果。在流体布局中，页面元素的宽度不是固定的，而是使用百分比、em、rem 等相对单位来设置，使得页面元素可以根据浏览器窗口大小进行自适应。流体布局（Fluid Layout）是响应式 Web 设计中常用的一种布局方式，它的特点是页面布局随着浏览器窗口大小的改变而自动调整，以适应不同屏幕和设备的显示。
CSS基本知识总结
帅小缙的大脑风暴❤
01-23 1466
CSS基础知识总结分享
HTML和CSS的基本标签汇总
一个学习的博客
09-22 950
## web概念概述 * JavaWeb： * 使用Java语言开发基于互联网的项目 * 软件架构： 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点： 1. 用户体验好 * 缺点： 1. 开发...
CSS常用属性总结
m0_61619549的博客
09-24 3795
布局，定位性，背景，边框，文本，列表，表格，动画(过渡，动画，变形)，.......总结了CSS大部分常用属性及使用方法。
亲爱的老狼-css文字基本属性汇总
m0_60450677的博客
08-18 222
font四大项：font-{style、weight、size、family}-------style：格式（是否倾斜italic等）、weight：粗细（文字粗细400-700）、size：大小（文字大小）、family：样式（例如微软雅黑/5FAE/8F6F/96C5/9ED1/等） color：颜色、 text-{indent、decoration}-----indent：段落首行缩进、decoration：划线（划线细分为删除线line-through、下划线under-line） word-
CSS布局汇总
茴香馅饺子~的博客
07-28 1201
CSS样式布局汇总
CSS知识点汇总.docx
09-01
在 CSS 中，单位是指用来度量长度、大小、宽度、高度等属性的基本单位。常见的 CSS 单位有： * 绝对单位：px（像素）、pt（点）、pc（ Twelve-point pica）、mm（毫米）、cm（厘米）、in（英寸） * 相对单位：%...
29个常用的CSS小技巧汇总
09-25
这篇文章汇总了29个在实际项目中非常实用的CSS技巧，涵盖了从基本的样式调整到高级的布局控制。以下是对这些技巧的详细解释： 1. 清除图片下方的空白间隙：这通常由元素的基线对齐引起，可以通过设置`display: ...
css项目（大全汇总）.zip
10-23
1. CSS基本概念： CSS的核心功能是定义网页元素的布局、颜色、字体、大小等视觉表现。通过将样式与结构分离，CSS使得网页设计更加灵活和可维护。它支持选择器、盒模型、层叠、继承等机制，让开发者能够精确控制网页...
CSS的动画特效（animation）
热门推荐
githubcurry
12-09 1万+
今天来讲一下css中很实用的一个效果-动画（animation）。 动画就是使元素从一种样式逐渐变化为另一种样式的效果。我们可以改变任意多的样式任意多的次数（很官方的回答）。 为了方便大家和我自己理解这个概念，我们可以想像一下准备拍电影的时候，我们需要一个电影名吧，需要设置电影的时间吧。而且拍电影就是一帧一帧，叫做关键帧。所以我们设置动画的时候要讲清楚电影名（animation-name），电影时长（animation-duration），电影啥时候开始（animation-delay），播放或者暂停（a.
input标签中添加一个图标
githubcurry
11-27 9847
在input标签中添加一个icon图标基本可以分为两种 1.将icon图标存储为本地图片，然后设置为input的背景图，然后通过background-position来调整图标在输入框的位置 2.使用一个div包裹两个子div，其中第一个div里面包裹icon图标，另一个div包裹input标签，并设置input的border为none，然后让input标签撑满div，设置div的border，然后使用flex布局使两个子div成行排列，并让两个div撑满父div（height，width） 第一种实现方
CSS特效四：四个方向的淡入效果（B站常用效果）
githubcurry
11-30 6419
今天来说下一个很拉风同时也很实用的css效果，B站同款哦！ 下面是在小破站截取的效果图： 这个效果称为淡入淡出效果，可以从上下左右淡入淡出，今天直讲一种，其余三种自己可以动手做，效果图： 实现思路： 设置一个div包含一个img图片和一个子div。 子div包含一个文本div。 设置图片上的文字隐藏且居中，overflow为hidden。 在子div设置一个hover效果即可 最后加上一些动画效果修饰即可 最后附上代码： <!DOCTYPE html> <html lang="
CSS属性—居中对齐篇
githubcurry
12-01 6129
为了网页的样式美观，我们经常要用到居中对齐来调整布局，所以特意整理了常用的居中对齐所需要的css属性。 元素居中对齐： 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。(切记要设置width) 元素通过指定宽度，并将两边的空外边距平均分配 .div { margin: auto; width: 50%; } 文本居中对齐 文本在元素内居中对齐，可以使用 text-align: center;
前端炫酷的动画效果库--AOS使用详解
githubcurry
01-07 4848
导入 <link rel="stylesheet" href="dist/aos.css" /> <script src="js/jquery.min.js"></script> <script src="dist/aos.js"></script> HTML <div aos="animation_name"> 属性 aos-offset 是立刻触发动画还是在指定时间之后触发动画 200 120 aos-duration 动画.
CSS杂项技巧汇总
1. CSS的基础概念：首先，了解CSS的基本概念是理解杂项知识点的前提。CSS代表层叠样式表，它是用于控制网页上HTML元素的外观和格式的标记语言。CSS规则由选择器和声明块组成，其中选择器指向文档中的特定元素，声明...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

githubcurry

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值