CSS3笔记(菜鸟教程）

最新推荐文章于 2022-09-13 23:37:55 发布
最新推荐文章于 2022-09-13 23:37:55 发布
阅读量1.6k 收藏 9
点赞数 1
分类专栏： 前端学习笔记 元气女孩学前端嘻 CSS学习笔记 文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xi7ii/article/details/105689016
版权

1.CSS3边框:
(1).border-radius:创建圆角边框
(2).box-shadow:添加阴影
(3).border-image:用图片作为边框
在这里插入图片描述
在这里插入图片描述
2.CSS3圆角::
(1).这只是一个圆角边框如果定义background属性那么会有背景颜色
在这里插入图片描述
(2).这里是用图片来做背景颜色的代码
在这里插入图片描述
(3).边框的每个圆角
四个值:左上 右上 右下 左下
三个值:左上 右上和左下 右下
两个值:左上和右下 右上和左下
一个值:四个角相同
border-top-left-radious
border-top-right-radious
border-bottom-left-radious
border-bottom-right-radious
3.CSS3渐变
CSS3线性渐变(Linear Gradients)
（1).从上到

最低0.47元/天 解锁文章
Xi7ii
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS笔记(菜鸟教程）
Xi7ii的博客
04-21 1730
CSS层叠式样表(cascading style sheet) 1.CSS语法 (1).注释：/这是一个注释/ 2.CSS创建 如何插样式表？ (1).外部样式表：(样式应用于很多页面） (2).内部样式表：(单个文档需要特殊样式） (3).内联样式表：(慎重使用） (4).多重样式： 优先级：内联样式）Inline style > （内部样式）Internal style sheet ...
html css菜鸟,CSS菜鸟教程阅读笔记
weixin_32666933的博客
06-27 608
一. 选择器下列选择器列表优先级逐级增加：通用选择器(*)元素选择器类选择器属性选择器伪类ID 选择器内联样式1. id 选择器ID 选择器(ID selector，IS)：使用 # 标识，语法格式：#S{...}(S为选择器名)。例：id为name的标签会匹配下面的样式#name{color:red;}red text2. 类选择器类选择器(class selector，CS)：使用 . 标识，...
菜鸟教程-css3学习笔记
微电子学与固体电子学-俞驰
12-12 468
学习链接是: https://www.runoob.com/css3/css3-tutorial.html #################################################################### css3教程 <!DOCTYPE html> <html> <head> <meta charset...
CSS3笔记
EXOyangyeye的博客
07-03 187
CSS3 菜鸟教程学习笔记 单位 css中的长度单位一共有8个，分别是px,em,pt,ex,pc,in,mm,cm; px:像素（pixel），相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。 em:相对长度单位，相对于当前对象内文本的字体尺寸，如果当前行内文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸。 ex:相对长度单位，相对于字符“x”的高度，此高度通常为字体尺寸的·一半。 pt:点（point）,绝对长度单位 pc:派卡，绝对长度单位，相当于我国新四号铅笔的尺寸 in:英寸，绝对长
CSS3 笔记
fyinthesky的专栏
11-12 252
https://www.runoob.com/css/css-pseudo-classes.html https://www.runoob.com/try/try.php?filename=trycss_image_gallery_responsive https://www.runoob.com/css/css-image-sprites.html https://blog.csdn....
CSS3教程
最新发布
weixin_45917647的博客
09-13 530
通过浮动可以使一个元素向其父元素的左侧或者右侧移动，使用float属性设置元素的浮动none默认值元素不浮动left向左浮动right向右浮动inherit 从父元素继承 float 属性的值注意：元素设置浮动后，水平布局的等式便不需要强制成立;元素设置浮动后，会完全从文档流中脱离，不在占用文档流的位置，所以元素下边的还在文档流中的元素会自动向上移动。- -块级格式化环境开启BFC该元素会变成一个独立的布局区域。position：一种更加高级的布局手段，通过定位可以将元素摆到页面的任意位置。
菜鸟教程CSS笔记
碧根果专栏
07-31 248
1、所有的 p 元素使用 class="center" 让该元素的文本居中: p.center {text-align:center;} 2、ID、类、元素、包含、子选择器、通用选择器、（属性）、（兄弟选择器）、（相邻选择器） 包含选择器： 第一种： <style> p{ color:red;} div p{ color:yellow;}...
HTML5+CSS3+JavsScript 菜鸟学习笔记
m0_52001826的博客
08-30 578
HTML5、CSS3和JavaScript的一些个人笔记
菜鸟教程css事件,【推荐】DIV+CSS入门菜鸟教程
weixin_29616999的博客
08-03 571
这篇文章主要为大家详细介绍了【推荐】DIV+CSS入门菜鸟教程，具有一定的参考价值，可以用来参考一下。感兴趣的小伙伴，下面一起跟随512笔记的小编罗X来看看吧。CSS功能复杂多变，大多数新手莫不着头脑，不知道怎么去控制。所以做个简易教程。1，文字控制类font-size:12px; 文字大小，通常为12px。现在又流行14px。大小自己控制。color:#666; 颜色控制，颜色自己下个取色板吧。...
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】
01-08
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 ...
CSS、js学习笔记（三）
01-08
以及一些其他的属性，截图自菜鸟教程 还可以将标记设为图片 list-style-image:url(); /*url是图片的路径*/ 2、最小或最大的宽度或者高度 因为每台计算机的分辨率可能不同的问题，有时我们需要设置最大或最小的宽度...
菜鸟学习javascript实例教程
12-09
它被设计用来增强HTML和CSS的能力，使网页具备更丰富的功能和用户体验。JavaScript代码通常嵌入到HTML文档中，但也可以存储在外部.js文件中以供多个页面共享。 【在HTML中插入JavaScript】 在HTML中，JavaScript...
蜘蛛：蜘蛛学习以及笔记记录
02-14
2. **在线教程**：网上有许多优质的网络爬虫教程，如菜鸟教程、MDN Web Docs等，可以帮助初学者快速入门。 3. **实战项目**：通过实际的爬虫项目，如爬取新闻网站、电商数据等，可以将理论知识转化为实践经验。 4....
菜鸟吧 Web学习完全手册 网页设计工具大全
03-26
CSS基础教程 CSS实验室 XHTML+CSS实践 菜鸟的JavaScript笔记 HTML DOM简介 JavaScript对象笔记 JavaScript正则表达式 JavaScript面向对象编程 菜鸟的Ajax笔记 菜鸟的jQuery笔记 JavaScript实例 经典论坛...
Bug3如何解决v-model显示attribute v-model is not allowed here的问题
Xi7ii的博客
06-21 2330
学习vue遇到的问题 v-model是一个指令，能够轻松的实现表单输入与应用状态之间的双向绑定 解！！！ 1.进入GitHub中下载vue源文件 2.进入GitHub页面中，进行clone or download操作 3.下载好压缩包进行解压 4.ctrl-c解压好的文件 然后进入webstrome工作台所在项目里ctrl-v粘贴进去 ...
JavaScript笔记(菜鸟教程）
Xi7ii的博客
05-28 2055
1.JavaScript用法： （1）.放在script标签里 （2）.script标签通常可以放在head或者body底部 （3）.script标签可以放在.js的外部文件中，用到的时候要调用 2.JavaScript输出: 显示数据 （1).window.alert弹出警告栏(只可以弹出数字可以进行加减乘除） （2).document.getElementByld(id的属性）查找HTML中i...
HTML教程笔记(菜鸟教程）
Xi7ii的博客
03-30 1580
HTML教程 HTML:超文本标记性语言（HyperText Markup Language)是一种标记语言不是编程语言 标题：从<h1到<h6字体依次减小 段落：<p 链接：<a href=" ”</a 图片：<img src=" " width=" " height=" " ...
叮！有一封简历待你领取
Xi7ii的博客
04-11 1225
简历.html 简历.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1...
韩顺平div+css教程笔记：完整版
"这是一份关于韩顺平的div+css笔记，包含了div与css的基础概念、使用方法以及快速入门案例。笔记详细介绍了如何通过div布局网页内容，并使用css进行样式设计，旨在帮助读者掌握这一重要的前端技术。" 在Web开发中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值