css3知识点

最新推荐文章于 2022-07-31 23:32:07 发布
最新推荐文章于 2022-07-31 23:32:07 发布
阅读量77 收藏
点赞数 1
分类专栏： 笔记 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/quitv/article/details/113356283
版权

css3学习

CSS3 属性选择器

属性选择器列表
在这里插入图片描述

结构伪类选择器

在这里插入图片描述
nth-child 和 nt-of-type 的区别

  • nth-child 选择父元素里面的第几个子元素，不管是第几个类型
  • nth-of-type 选择指定类型的元素
    伪元素选择器
    伪类选择器在这里插入图片描述

伪类选择器注意事项

  • before 和 after 必须有 content 属性
  • before 在内容前面，after 在内容后面
  • before 和 after 创建的是一个元素，但是属于行内元素
  • 创建出来的元素在 Dom 中查找不到，所以称为伪元素
  • 伪元素和标签选择器一样，权重为 1
quitv
关注
专栏目录
css3知识点总结
weixin_51808902的博客
07-25 255
** css3 网页分成三个部分: 结构(HTML)表现(CSS) 行为(JavaScript) css 层叠样式表 网页实际上是一个多层的结构，通过css可以分别为网页的每一个层来设置样式而最终我们能看到只是网页的最上边一层总之一句话，css用来设置网页中元素的样式 使用CSS来修改元素的样式 第一种方式(内联样式，行内样式) 在标签内部通过style属性来设置元素的样式问题: 使用内联样式，样式只能对一个标签生效， 如果希望影响到多个元素必须在每一个元素中都复制一谝 并且当样式发生变化时，我们必须要一个
CSS3:CSS3 知识点提炼整理
05-08
CSS3核心知识点 CSS 选择器 背景 & 颜色 & 边框 字体 & 描边 & 倒影 动画 transform & transition & keyframes @media 媒体查询 flex 弹性盒 width: 50}, CSS进阶顺序 基础 能还原设计稿、兼容各种主流浏览器 盒子...
CSS3知识点
liujiujiang的博客
03-30 188
CSS3提供了强大而且精准的选择器，提供了多种背景填充方案、可以实现渐变颜色、改变元素形状、角度、加阴影效果，新的报纸布局、弹性盒子，ie6混杂模式的盒子模型，新的计量单位，动画效果等等。CSS3有很大的兼容性问题，IE9以下不兼容CSS3.0，IE10才开始全面支持CSS3。而由于浏览器厂商的不同，我们在使用CSS3的时候，有时候需要单独为每一种浏览器写兼容。而兼容的方式就是在属性前面加上前缀：...
CSS3知识点整理
qq_45493915的博客
04-28 439
CSS3知识点一、CSS3新特性及核心知识（一）新增选择器（二）新增的用户界面属性（三）常用的样式属性边框和盒阴影（四）CSS3背景新特性及精灵图片的使用（五）详细讲解CSS3渐变背景（六）CSS3文本效果及特殊字体引入（七）CSS3的多列布局（八）设备兼容必备知识多媒体查询二、CSS3特效（一）2D转换动画效果（二）3D转换动态效果（三）CSS3过渡实用技巧（四）CSS3动画特效技能 一、CSS...
Css3概念知识点
林中明月间丶
04-14 1068
当元素没有定义宽度高度 就可以给它写 max-width、max-height 引用线上css： @import url(http://fonts.useso.com/css?family=Ubuntu); <linkhref='http://fonts.useso.com/css?family=Ubuntu'rel='stylesheet'type='text/css'&...
飞雀教育CSS3知识点：文本属性
08-15
CSS即层叠样式表（Cascading StyleSheet），是学习HTML5过程中必不可少的部分。我们在网页制作时会采用层叠样式表技术，这样可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
css3笔记知识点总结
06-24
css3笔记知识点总结
html+css知识点总结
06-24
html+css知识点总结
css-知识点简介与梳理
08-21
CSS（层叠样式表）是网页设计中用于增强...在以上描述的基础上，我们能够了解到CSS不仅仅是添加颜色和背景这么简单，它实际上是一个强大的工具集，通过合理地应用这些知识点，可以构建出功能强大、视觉效果丰富的网页。
CSS3知识点归纳
07-26
自己整理的，如有不好，多多包含
CSS3常用知识点
qq_40046544的博客
07-31 471
对于 CSS3 我们在前端开发的工作中有大量的应用，它主要就是对普通 CSS 样式的一种补充。如果说 HTML 标签是页面的骨架， CSS 是页面的皮肤， 那么 CSS3 就是页面的灵魂， 它丰富了页面的交互和显示效果。...
css3主要知识点你整理
qq_37171273的博客
01-24 351
圆角设置 border-radius:左上角 右上角 右下角  左下角 阴影设置 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 边框图片 border-image:url(图片路径) _ _ _ _ (round平铺 repeat重复 stretch 拉伸 ) 背景颜色设置 background-color:rgba
CSS3知识点总结
bboyjoe的博客
01-07 1599
1.background-origin: 规定背景图片的定位区域 值 描述 padding-box 背景图像相对内边距定位（默认值） border-box 背景图像相对边框定位【以边框左上角为参照进行位置设置】 content-box 背景图像相对内容区域定位【以内容区域左上角为参照进行位置设置】 2.background-clip： 规定背景的绘制区域 ...
【整理】CSS3知识点3
Rand Tsui
05-31 775
1、===============================================================CSS3 多列 CSS3 多列属性 本章节我们将学习以下几个 CSS3 的多列属性: column-count          列数 column-gap            列间隙 column-rule-style     列间隔线形状 column
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值