资讯专栏INFORMATION COLUMN

CSS常用功能代码集锦

Nosee / 1784人阅读

摘要:新手进行网页布局中肯定会遇到很多大大小小的问题,这篇文章希望能帮到大家若调整一个元素宽高不管用时,请查看这个元素是不是行内元素,若是则使用下面代码设置为块级元素在制作导航菜单时,垂直居中用百分比的方法透明的背景样式去掉链接的默认下划线样式

新手进行网页布局中肯定会遇到很多大大小小的问题,这篇文章希望能帮到大家!
1、若调整一个元素宽高不管用时,请查看这个元素是不是行内元素,若是则使用下面代码设置为块级元素

display:block;

2、在制作导航菜单时,垂直居中用百分比的方法

position:relative;
top:50%;
transform:translateY(-50%);

3、透明的背景样式

background:rgba(0,0,0,0.5);

4、去掉a链接的默认下划线样式

text-decoration:none;

5、去掉li列表的默认样式

list-style-type:none;

6、去掉苹果浏览器默认的按钮样式

-webkit-appearance:none;

7、将一个元素旋转45度

transform:rotateZ(45deg);

8、用弹性布局的方法对元素进行垂直居中对齐

在父元素设置display:flex;
在子元素设置margin:auto;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115873.html

相关文章

  • JavaScript常用脚本集锦1

    摘要:初始化参数可选参数,必填参数可选,只有在请求时需要参数可选回调函数可选参数可选,默认为参数可选,默认为创建引擎对象打开发送普通文本接收文档将字符串转换为对象最后,说明一下此函数的用法。即等待与成功回调,后标志位置为。 jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE、chrome、FF(表现效果不一样),示例代码如下: $(input).keyup(...

    ygyooo 评论0 收藏0
  • JavaScript常用脚本集锦8

    摘要:进制为代码来源通过标签解析通过标签解析标签参数是字符串,解析的目标通过测试创建一个标签将赋值给标签的属性。协议主机名称端口查询字符串查询参数文件名哈希参数路径相对路径路径片段代码来源 图片预加载 // 更新: // 05.27: 1、保证回调执行顺序:error > ready > load;2、回调函数this指向img本身 // 04-02: 1、增加图片完全加载后的回调 2、提...

    blankyao 评论0 收藏0
  • JavaScript常用脚本集锦2

    摘要:把中的伪数组转换为真数组在中,函数中的隐藏变量和用获得的元素集合都不是真正的数组,不能使用等方法,在有这种需要的时候只能先转换为真正的数组。检测元素是否支持某个属性代码用法创建和使用命名空间使用方式 把JavaScript中的伪数组转换为真数组 在 JavaScript 中, 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合(Nod...

    xialong 评论0 收藏0

发表评论

0条评论

Nosee

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<