zoukankan      html  css  js  c++  java
  • 常用的一些样式

    -webkit-text-shadow:

    给盒子加阴影:box-shadow:

    第一个值:水平方向的偏移

    第二个值;垂直方向的偏移

    第三个值:模糊大小

    第四个值:阴影的大小

    第五个值:阴影的颜色

    第六个值:不写的话是外阴影, 写的话就是写inset  内阴影;

    无论是字体还是盒子,前两个值不能省略

    Box- shadow :3px 4px 10px yellow inset;也可以加逗号再加    【一般写四个值就行,水平、垂直、模糊程度、颜色

    Text-overflow属性【文字溢出怎么处理】:ellipsis  省略号形式显示|clip(裁剪掉)

    Overfllow:auto;  浏览器自动索引,就是宽高显示不开,浏览器就加上纵向滚动条

    Overfllow:hidden;多余的部分进行隐藏

    Overfllow:scroll;  浏览器加上横向和纵向的滚动条

    如果只加上横向的【高度去掉,加上overfllow-x:scroll 不过很少用】;

     white-space:nowrap让文字不换号

    -webkit-text-shadow:

    给盒子加阴影:box-shadow:

    第一个值:水平方向的偏移

    第二个值;垂直方向的偏移

    第三个值:模糊大小

    第四个值:阴影的大小

    第五个值:阴影的颜色

    第六个值:不写的话是外阴影, 写的话就是写inset  内阴影;

    无论是字体还是盒子,前两个值不能省略

    Box- shadow :3px 4px 10px yellow inset;也可以加逗号再加    【一般写四个值就行,水平、垂直、模糊程度、颜色

    Text-overflow属性【文字溢出怎么处理】:ellipsis  省略号形式显示|clip(裁剪掉)

    Overfllow:auto;  浏览器自动索引,就是宽高显示不开,浏览器就加上纵向滚动条

    Overfllow:hidden;多余的部分进行隐藏

    Overfllow:scroll;  浏览器加上横向和纵向的滚动条

    如果只加上横向的【高度去掉,加上overfllow-x:scroll 不过很少用】;

     white-space:nowrap让文字不换号

    欢迎大家一起交流 相互学习
  • 相关阅读:
    [ 9.10 ]CF每日一题系列—— 186A模拟处理字符串
    python查看删除你微信的账号
    python进阶之路4.2---装饰器
    python进阶之路4.1---生成器与迭代器
    Python进阶之路---1.4python数据类型-数字
    Python进阶之路---1.3python环境搭建
    Python进阶之路---1.2python版本差异
    Python进阶之路---1.1python简介
    麦进斗Magento2 SEO默认设置的完整策划
    如何修改Magento主题中的toplinks
  • 原文地址:https://www.cnblogs.com/zss1/p/8867400.html
Copyright © 2011-2022 走看看