美文网首页
c3常用样式

c3常用样式

作者: INGME | 来源:发表于2017-11-28 20:10 被阅读0次

1.iframe标签

//使用iframe 

   iframe的name值要和a的target值相同

   <iframe> 标签规定一个内联框架。

  一个内联框架用来在当前 HTML 文档中嵌入另一个HTML文档

  <iframe src="我的.html" frameborder="0"name="frame"></iframe>

  <a href="test01.html" target="frame">test</a>

2.css3常用样式的讲解

1.边框border-radius 可以将边框设置为圆角

  border-radius:value 四个边都会改变

  可以单独改变一边:
             border-top-left-radius: value;

             border-top-right-radius:value;

             border-bottom-left-radius:value;

             border-bottom-right-radius:value;

2.box-shadow可以给元素添加阴影

  box-shadow: h-shadow v-shadow blur spread color inset;

  *h-shadow*
  必需 水平阴影的位置。允许负值。

  *v-shadow*
  必需 垂直阴影的位置。允许负值。

  *blur*
  可选 模糊距离。(值越大越模糊)

  *spread*
  可选 阴影的尺寸。

  *color*
  可选 阴影的颜色。

  inset
  可选 将外部阴影 (outset) 改为内部阴影。

3.文字效果

 //设置文字的阴影
 3.1 text-shadow: h-shadow v-shadow blur color;

 3.2 text-overflow 文本溢出属性指定如何显示溢出内容
 p{
     overflow: hidden;
     text-overflow: ellipsis;         //溢出部分已省略号结尾
     white-space:nowrap;             //white-space指定文字是否换行
   }

 关键字: text-overflow:ellipsis
 语法:text-overflow : clip | ellipsis
 
 取值:
 clip :默认值 。不显示省略标记(...),而是简单的裁切.
 ellipsis: 当对象内文本溢出时显示省略标记(...).

相关文章

  • c3常用样式

    1.iframe标签 2.css3常用样式的讲解

  • 2018-07-10 CSS样式表

    常用的样式属性(文本属性): 常用的样式属性(背景属性): 常用的样式属性(方框属性): 常用的样式属性: 内嵌样...

  • day2(乱)

    css样式 1 css样式属性 #1.1 样式重置(初始化样式) 1.2 常用属性 1.3 元素水平居中 2 常用...

  • :focus 、 :checked、:disabled选择器(C

    文: jack同学 :focus常用在表单聚焦样式 :checked常用在单选复选框的样式 :disabled常用...

  • 常用样式

    用 CSS 实现元素垂直居中 作者:Jaskey Lam链接:https://www.zhihu.com/ques...

  • 常用样式

    1、居中:margin: 0 auto;需要设置body { width: 100%; height:auto; ...

  • 常用样式

    1.各个浏览器透明度 2.css超出自动换行

  • 常用样式

  • 常用样式

    display inline-block实现网格效果 position static -- 默认relative ...

  • 常用样式

    transform transform: translate(0, 0); x>0, 向右移动 y>0, 向下移动...

网友评论

      本文标题:c3常用样式

      本文链接:https://www.haomeiwen.com/subject/jzwebxtx.html