Web前端学习：六 -- 练习小总结
创始人
2024-05-30 05:41:34
0次

1、背景颜色+透明度写法：

background：rgba(R，G，B，Alpha透明度)
透明度范围：0–1，1=完全不透明，0=完全透明
在这里插入图片描述

2、伪类

hovar：
当鼠标接触该元素是，显示另一种样式
在这里插入图片描述
在这里插入图片描述

3、边框阴影：

box-shadow ：向边框添加一个或多个阴影。

标准写法：
box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色
box-shadow:2px 2px 10px #06C;
img{box-shadow:0 0 10px 20px rgba(0, 255, 0, .5);}
若是不写类型，及默认为投影效果；若设为inset，即为内阴影效果

4、居中

text-align: center;
一般用于里面的文字居中，可以控制img等元素，水平居中
margin: 0 auto;
让自己的元素居中，0是高度，可变，auto代表左右，水平居中

5、居中框架结构

个人理解：
可以分3层
最外面的div：最大的框架，控制该部分的具体位置，和要占用的空间
中间的div：小框架，进行居中等操作
元素：即要在页面中显示的内容
在这里插入图片描述

6：百分比宽度设置

当出现div中有多个并排的div共同占用一整行时
如果使用固定值来设置宽度，在页面拉伸是会出现div被挤下去的现象，
在这里插入图片描述

可以使用百分比来设置宽度，保证页面在拉伸时正常显示
在这里插入图片描述

baozh

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：【Linux学习】日积月累——调试器gdb的使用教程

下一篇：docker安装及常用功能简介

相关内容

热门资讯

人的一生就是为了，传宗接代吗？ 人的一生就是为了，传宗接代吗？那当然不是，每个人都有自己的价值观，如果你有这个想法，证明你被他们影响...
洛克王国诙谐神殿怎么打啊，我有... 洛克王国诙谐神殿怎么打啊，我有70的罗隐和51的少林咕咕，和45的音速，还有一只44的火神，这样能过...
手机屏幕上怎么弄出字 手机屏幕上怎么弄出字手机屏幕上怎么弄出字手机屏幕上怎么弄出字：长按手机桌面，然后点击窗口小工具或小组...
跪求花开伊吕波的结局是怎么样的... 跪求花开伊吕波的结局是怎么样的！真的是得了白血病吗？是的话！KIR了编剧楼主哪里得到的消息？ 花开...
苏格兰民歌 一路平安 苏格兰民歌 一路平安还没听过，不好意思，帮不了你
谁能帮我起一个好听的英文名（要... 谁能帮我起一个好听的英文名（要中文）男女？女 我比较喜欢--joy(乔伊）、Renee(瑞妮）、Ma...
寻高手对下联~ 寻高手对下联~琵琶琴瑟八大王 王王在上魑魅魍魉四小鬼,鬼鬼靠边！魑魅魍魉四小鬼，鬼鬼靠边魑魅魍魉四...
《一位母亲与家长会》的3道阅读... 《一位母亲与家长会》的3道阅读题1.我没有原文。对不起。2.因为母亲在鼓励她的孩子，她要使自己的孩子...
深深的喜欢等于爱吗？ 深深的喜欢等于爱吗？喜欢不等于爱。但当你站在你喜欢的人面前,你只感到开心但当你与你喜欢的人四目交投,...
《人性的弱点》一书作者是谁？ 《人性的弱点》一书作者是谁？《人性的弱点》·作者:(美)戴尔·卡耐基文名:DaleCarnegie戴...
浪漫一生的英文怎么写 浪漫一生的英文怎么写a so long liferomance all one's lifeRoma...
古代什么词可以指代美女？ 古代什么词可以指代美女？谢谢！一楼的你说的不对吧？我说的是指代，不是形容啊。形容我也会，倾国倾城，冰...
以前有看过部分小说是《神雕侠侣... 以前有看过部分小说是《神雕侠侣》后面的，不知是那部小说？ 想问问？不是，是别人续写的一部小说？只是记...
在工作中学习到什么?” 在工作中学习到什么?”工作中可以学到与本职工作相关的技术、技巧。了解工作的流程。以及本工作的重点及注...
《西游记》中女妖怪有不少，其中... 《西游记》中女妖怪有不少，其中最可怜的女妖怪是谁？中女妖怪有不少，其中最可怜的女妖怪是白骨夫人最可怜...
英文名字‘爱丽儿’的英文到底怎... 英文名字‘爱丽儿’的英文到底怎么写？！Alier Ariel作为英文名字，这两个里哪个更好？先谢谢...
武术在实战中有用吗 武术在实战中有用吗真的打架能不能那么帅？有用，一个会武术的人和一个会武术的人格斗，就要使用一些较为复...
关于模拟人生3夜店人生 关于模拟人生3夜店人生1你的Net Framework版本过低，去安装 一个最新版的4.0的2这个问...
吴启华版倚天屠龙记张无忌哪一集... 吴启华版倚天屠龙记张无忌哪一集上的武当山吴启华版倚天屠龙记张无忌哪一集上的武当山，就是扮成个小道童，...
《三国演义》战长沙的时候，如果... 《三国演义》战长沙的时候，如果关羽的拖刀计用全了，能够斩杀黄忠吗？我认为是可以斩杀黄忠的，因为当时黄...