c3常用样式

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.text-shadow文字效果

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

 text-overflow 文本溢出属性指定如何显示溢出内容

 p{
     overflow: hidden;
     text-overflow: ellipsis;         //溢出部分已省略号结尾
     white-space:nowrap;             //white-space指定文字是否换行
   }

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,175评论 1 92
  • A今天学了什么 1.iframe 2.skill B我掌握好的地方 C我掌握不好的地方 1.iframe 2.skill
    执念念不直阅读 180评论 0 0
  • A我今天学了什么 1.内嵌标签 2.当遇到一个非文本的元素,想让其垂直居中用定位3.简单符号 B我今天掌握了什么 ...
    相信自己_胡阅读 151评论 0 0
  • A我今天学习到了什么 1温习day05的知识点 1.1 p:margin的一点漏洞问题 1.2一个登陆页面 1....
    尘榆骡厌阅读 290评论 0 0
  • 杨浩然十一月份第五次读书打卡,我读的书是《西顿动物故事集》看了34到45页,讲的是:进一个多月来,我家养的母鸡频频...
    杨浩然五年级三班阅读 245评论 0 0

友情链接更多精彩内容