学习html总结（三）

王海宇53638332 发表于 2021-8-2 20:02

本帖最后由王海宇53638332 于 2021-8-2 20:37 编辑

如何时框四周棱角变得圆滑：
   border-radius:5px;--------以5个像素点为半径的圆
如何设置阴影：
   box-shadow:0 0 8px 0 #444
            阴影横坐标，阴影纵坐标，阴影虚化程度，阴影扩展大小，阴影颜色
如何设置背景透明程度：
   background:rgba(255,255,255,0.9)
   前三位表示3原色的数值，第四位（最后一位）是表示透明程度，数值越小越透明
定位：
   position:absolute;-------------绝对定位，相对于有定位方式的父元素（坐标系的原点，如果父元素有定位方式，则以父元素为参考系
                           如果父元素，以及所有上层元素都没有定位，最终，以页面为参考系（页面左上角为原点））
   position:relative;--------------相对定位，相对于元素原来位置-----坐标原点在哪？这个元素原本的位置就是原点
   position:fixed;-----------------固定定位，相对于浏览器窗口进行定位
   ps:凡是有定位的元素，宽不再是100%，而是跟随内容变化的
         凡是有定位的元素，层数都比没有定位的要高

学习html总结（一）
学习html总结（二）

上两个是一周学的东西总结出来的，现在开始争取每天更新，每天总结归纳~

Fullmoonbaka 发表于 2021-8-2 20:29

第一个是css的选择器, 花样很多
如果学习html的话分类总结效果会好点
加油{:1_921:}

王海宇53638332 发表于 2021-8-2 20:34

Fullmoonbaka 发表于 2021-8-2 20:29
第一个是css的选择器, 花样很多
如果学习html的话分类总结效果会好点
加油

知道了，谢谢，这就去改~

waf642311 发表于 2021-8-2 20:46

position:sticky
现在也挺常用，以前要js解决的东西现在两行css就能解决。

王海宇53638332 发表于 2021-8-2 21:22

waf642311 发表于 2021-8-2 20:46
position:sticky
现在也挺常用，以前要js解决的东西现在两行css就能解决。

这个老师还真没讲，我去好好看看~

rainbow270118 发表于 2021-8-2 21:27

现在css3的内容很多，还有flex布局也要看，还有动画效果

人心所向 发表于 2021-8-2 21:49

写的不错，我自己也在学，但是目前只用过 border-radius、 box-shadow和设置透明度那个，现在看到这个可以更好地回顾之前学的了。

atlim 发表于 2021-8-2 22:05

学CSS，推荐看W3school上的教程，上面还可以测试，当年我就是这样学习的。

Pandaemm 发表于 2021-8-2 22:44

https://www.xuetangx.com/course/THU08091000257/1515743 我开始学的时候是看这个学堂在线的一整套课程的，个人感觉这视频还是蛮好的全面

梦回吾爱 发表于 2021-8-2 23:50

感谢分享

页: [1] 2 3

吾爱破解 - 52pojie.cn's Archiver

学习html总结（三）