新的知识

来源：互联网发布：sql decode函数用法编辑：程序博客网时间：2024/06/05 10:13

俗话说“活到老，学到老”，老人尚且知道要不断学习新的知识来充实自己的生活，跟上时代的潮流和脚步，让生活丰富多彩，让自身修养更上一层楼，离开时才不枉为人一场。正值花样年华的少年自然不能自甘落后，因此，在此我和大家唠叨唠叨最近所学习到的知识，因为知识点太多，因而分成了几部分来写，希望各位不要介意。
1**.text-align（对齐方式）的使用**：不仅可以针对设置块级元素中的文字进行居中，同时，图片也可以居中
2.verical-align(对齐方式)的使用：针对图片和文字在同一行时的居中对齐
3.关于元素的隐藏：display和visibility的区别。（1）display：none;元素隐藏后不占有空间（2）visibility:hidden;元素隐藏后占有空间
4**.box-shadow（阴影）的使用**：box-shadow:1px 2px 3px 4px red inset(outset); 各个值的含义：(1)1px:x轴方向的偏移，左边为负，右边为正（2）2px:y轴方向的偏移，上方为负，下方为正 (3)3px:羽化，值越大越模糊，值越小越清晰（4）4px:阴影大小（5）red:阴影颜色
新的知识总是一点一点的不断的积累，虽然，有些知识可能有些不起眼，不常用，但，掌握了它并且能熟练的运用它，相信所制作的网页会比其他人制作的亮眼一些，显得与众不同一些。接下来的日子里，我会继续和大家分享我的收获，我的成长，我的快乐。
最后，和大家来一起做如何绘制一个半圆：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } div{ width: 200px; height: 400px; margin: 100px auto; border-radius: 400px 0px 0px 400px; background: cornflowerblue; } </style> </head> <body> <div></div> </body> </html>

阅读全文

0 0