HTML+CSS学习记录10-- CSS3常⽤属性讲解

最新推荐文章于 2024-09-15 21:53:51 发布
最新推荐文章于 2024-09-15 21:53:51 发布
阅读量116 收藏 1
点赞数
分类专栏： JSP 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AMWICD/article/details/122844641
版权

1、 CSS3边框

  • 圆⻆
    在这里插入图片描述
    在这里插入图片描述
  • 盒阴影
    在这里插入图片描述
  • 边界图⽚
    在这里插入图片描述

2、CSS3渐变

  • 基本语法
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述

  • 使⽤⻆度
    在这里插入图片描述

  • 多个颜色
    在这里插入图片描述

  • 透明度
    在这里插入图片描述

  • 重复
    在这里插入图片描述

3、CSS3⽂本效果

  • 文本阴影
    在这里插入图片描述
  • 文本溢出
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 文本换行
长文本换行  word-wrap:break-word;
单词拆分换行  word-break:break-all;

4、CSS3网格布局（grid）

  • 应⽤场景
    flex布局、 float布局应⽤于⼀维布局，⽹格布局应⽤于⼆位布局
  • 父元素属性
小金金金金鱼
关注
专栏目录
CSS3常⽤属性讲解
weixin_65728526的博客
06-11 91
（透明度用的最多） 第3集 CSS3⽂本效果 第4集 CSS3⽹格布局（grid）
【前端】快速掌握HTML+CSS核心知识点
互联网小阿祥
08-19 2082
快速掌握HTML+CSS核心知识点
HTML+CSS系列实战之音乐播放器实现，前端面试心得必备技能储备详解
sahtk89452的博客
04-21 1217
资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。空(void)元素有那些？cookies,sessionStorage,localStorage 的区别？了解 this 嘛，bind，call，apply 具体指什么。serviceWorker的使用原理是啥？箭头函数和普通函数有啥区别？Canvas 和 SVG 图形的区别是什么？如何实现浏览器内多个标签页之间的通信？HTML5 的离线储存的使用和原理？简述⼀下src与href的区别？
[HTML+CSS] 仿京东首页项目实战(1)
2401_84447297的博客
04-29 562
我的购物车8header结束nav 开始全部商品分类右侧导航nav结束main部分品优购快报更多 >备战开学季全民半价购数码品优稳占家电网购六成份额百元中秋全品类礼券限里领上品优生鲜享阳澄胡大闸蟹每日享折扣品优品质游话费机票话费话费话费话费话费话费话费话费话费话费推荐服务模块开始。
CSS------11.3D转换
m0_60237095的博客
03-18 238
目录 3D转换 ⼀、 认识 3D 转换 1.3D 的特点 2.三维坐标系 ⼆、3D 转换 1. 3D 转换知识要点 2. 3D 移动 translate3d 3.语法 4.代码演示 三、透视 perspective 1.知识点讲解 2.知识要点 3.代码演示 四、 translateZ 1.translateZ 与 perspecitve 的区别 五、3D 旋转rotateX 1.语法 2.代码案例 3.左⼿准则 六、3D 旋转 rotateY 1.代码演示
web自动化--元素定位之xpath和css
JennyXi2001的博客
03-20 927
案例xpath策略（层级、扩展） 属性 单属性： 多属性： 提示：可以使⽤任何属性。 层级与属性 说明： 如果元素现有的属性不能唯⼀匹配，需要结合层级使⽤ 语法 ⽗和后代之间可以跨越元素 层级与属性拓展 根据显示⽂本定位： 属性值模糊匹配： 层级与属性综合 css css选择器（id、类、标签、属性） id选择器 类选择器 标签选择器 属性选择器 案例–CSS练习 层级选择器（css） ⽗⼦关系： 如： 后代关系： 如： 提示： 选择器使⽤任何⼀种css选择
04-前端技术_CSS与CSS3美化页面
&再见萤火虫&的博客
11-03 2281
二，CSS与CSS3美化页面 1，CSS简介 1.1什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示控制 HTML 元素,从⽽实现美化HTML⽹⻚。 样式通常存储在样式表中，⽬的也是为了解决内容与表现分离的问题 外部样式表(CSS⽂件)可以极⼤提⾼⼯作效率 多个样式定义可层叠为⼀，后者可以覆盖前者样式 1.2样式层叠次序 ⼀般⽽⾔，所有的样式会根据下⾯的规则层叠于⼀个新的虚拟样式表中，其中数字 4 拥有最⾼的优先权。 ...
HTML+CSS基础知识到项目实战（三）
qq_62599142的博客
08-01 144
前端基础知识，希望对大家有所帮助。
【Web前端第二阶段--CSS】Day03
weixin_48310754的博客
05-19 515
【Web前端第二阶段–CSS】Day03 文章目录【Web前端第二阶段--CSS】Day03前言一、选择器基础选择器1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、选择器 基础选择器 1）通用选择器 *{样式声明} 2）元素选择器 通过标签的名字选择html元素，权重为1 div{样式声明} 无法进行精准定位 3）id选择器 增加一个属性id #a
html + css 布局技巧总结 ——多列布局，2024年前端开发突破20k有哪些有效的路径
m0_74931167的博客
04-04 739
right {.parent {.left {.right {基本html结构为父容器为parent,自容器为left,center,right.其中，left,center定宽，right自适应.parent {.left {.right {.center {.parent {.left {.right {.center {
vue2 vue3 js es6 html css 知识点
weixin_71783532的博客
08-03 1025
生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发 我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法 js 分成三部分 dom（文档对象模型） bom（浏览器对象模型） ECMAScript（js 语法）1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；...
Bootstrap从入门到精通（全）
热门推荐
码农研究僧的博客
11-22 6万+
目录前言1. 下载安装2. 布局容器和栅格网格系统2.1 布局容器2.2 栅格网格系统3. 常用样式 前言 在了解这篇文章的时候 需要提前知道这些知识点 可看我之前的文章 html从入门到精通（全） css属性从入门到精通（全） JavaScript从入门到精通（全） 这篇文章的学习主要通过 2021最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手,最适合后端开发人员的bootstrap保姆级使用教程 关于Bootstrap的主要作用 是⼀套现成的 CSS 样
9Django-----------Django框架------------安装使用、基本介绍
weixin_43761516的博客
12-28 1375
一、Django框架介绍 二、Django框架搭建 （一）环境搭建 （二）项目实例 三、项⽬结构介绍 （一）URL与视图 1）视图的定义 2）路由的定义 3）URL模块化 4）URL添加参数 5）url命名 （二）模板 1）if标签 2）for...in...标签 3）a标签 （三）数据库 1）Django配置连接数据库 2）创建ORM模型 3）映射模型到数据库中 4）ORM的增删改查 5）F表达式和Q表达式----优化ORM 6）QuerySet的⽅法 7）ORM模型迁移 （四）⾼级视图 1）请求方式 2
CSS —— 界面布局
m0_73557953的博客
09-10 1067
采用flex布局的元素，称为 Flex 容器（flex container），简称"容器"
HTML、CSS实现树状图
p_s_p的博客
09-09 577
【代码】HTML、CSS实现树状图。
CSS 常用元素属性
2301_79881188的博客
09-11 1042
CSS 属性有很多, 可以参考文档。
响应式CSS 媒体查询——WEB开发系列39
最新发布
一条晒干的咸鱼的博客
09-15 1362
CSS媒体查询（Media Queries）是响应式设计中的核心技术之一，帮助我们在不同设备上展示不同的样式。通过媒体查询，开发者可以检测用户设备的特性，如屏幕宽度、高度、分辨率、方向等，针对性地调整网页布局。
unocss 一直热更新打印[vite] hot updated: /__uno.css
Rverdoser的博客
09-12 527
请注意，如果 __uno.css 是一个正在生成的文件，并且正在被热更新，这通常是预期内的行为。查看 unocss 文档：查看 unocss 的官方文档，看是否有其他用户遇到类似问题，或者是否有相关的解决方案。确认代码变更：首先确认你的代码中是否有对 unocss 相关的变更，如果有，这是正常的热更新行为。查看 Vite 日志：如果问题依然存在，查看 Vite 的详细日志，可能会有更多的线索。检查 unocss 配置：确保 unocss 的配置是正确的，没有配置错误导致的问题。
《Div+CSS布局大全》- 网站前端必读
"《Div+CSS布局大全》是一本关于前端网页布局的教程，由博客园JesseZhao整理，适合初学者和有一定经验的开发者，旨在提升布局技巧和浏览器...对于任何想要学习或提高Div+CSS布局技能的人来说，都是一份宝贵的参考资料。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值