`
king_lm
  • 浏览: 8051 次
社区版块
存档分类
最新评论

(转)HTML---- 渐变颜色, P强制不换行、自动换行、强制换行

    博客分类:
  • Html
阅读更多

 

IE 浏览器

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#3568CC’, gradientType=’0′)

//支持IE8/9/...

startColorStr 开始颜色
endColorStr 结束颜色
gradientType 渐变的方式:0-从上到下,1-从左到右

 

filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)

 

CSS实现P强制不换行、自动换行、强制换行

强制不换行 p{ white-space:nowrap; } 注: display:inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行

自动换行 p{ word-wrap:break-word; word-break:normal; }

强制英文单词断行 p{ word-break:break-all; }

 

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。
 span { display:block; }

 

CSS ul li  小图标常用设置

  1. ul li{    
  2. font-size:14px;   
  3. height:27px;   
  4. line-height:27px;   
  5. background:url(../images/icon_v4.png) no-repeat;   
  6. background-position:left -313px;   
  7. padding-left:9px;}  

 

清除浮动

 

  1. .clearfix:after{   
  2. content:".";  
  3. display:block;   
  4. height:0;   
  5. clear:both;   
  6. visibility:hidden;  
  7. }  

 

 

转自 http://blog.csdn.net/damys/article/details/8632291

分享到:
评论

相关推荐

    京东1号店网页html-css实现

    3. **段落与换行**:`<p>`用于文本段落,` `用于强制换行。 4. **链接**:`<a>`标签用于创建超链接,可以链接到其他网页或网站内部的特定位置。 5. **图像**:`<img>`标签插入图片,通常包含`src`属性指定图片源...

    GridView 72般绝技.pdf

    - 强制换行则需要在数据源中处理文本格式,确保在适当位置插入换行符。 #### 12. GridView显示隐藏某一列 - **功能概述**:根据需要动态控制GridView中某些列的显示与隐藏。 - **实现方式**: - 通过设置GridView...

    HTML+CSS常用英语词汇.docx

    14. **br** - 换行标签,用于强制文本在新行开始。 15. **bug** - 程序错误或漏洞,可能导致程序不正常运行。 16. **center** - 居中,可以用于文本、图片或其他元素的水平居中。 17. **class** - CSS选择器之一...

    2023年网页设计与制作自考第五章HTML历年考题整理.doc

    13. ` `标记:` `是一个单标签,不需要成对使用,它会在当前位置强制换行,而`<nobr>`标记则表示不允许自动换行。 14. `<H6>`标记:在HTML中,`<H6>`是所有标题标签中字体最小的。 15. `<PRE>`标记:`<PRE>`...

    易语言程序免安装版下载

    5) 修改高级选择夹中的组件在窗口载入后强制得到焦点的BUG 6) 修改MYSQL支持库跨静态编译的EXE和DLL传递连接句柄和记录集句柄无效的BUG(改动较大,可能会产生兼容性问题,我们已经仔细测试,也请使用到此库的用户...

    DIV+CSS属性设置参数.docx

    6. **Break** (强制换行): 使用` `标签可以在文本中强制换行。 7. **Font** (字体设置): 包括`font-family`, `font-size`, `font-weight`等,用于定义文本的字体、大小和粗细。 8. **List-style-type** (列表...

    最全前端面试题-2(css篇-上百篇题集整理1个月)

    【CSS英文、中文换行】:英文单词换行使用`word-wrap: break-word`,中文强制换行用`white-space: pre-wrap`。 【CSS选择器级别】:根据选择器类型计算权重,权重高的优先应用。 【BFC(块格式化上下文)】:BFC是...

    小智在这3年开发中遇到的CSS问题及解决方案,有大佬帮他总结好了.docx

    这是因为Safari 不支持`transparent`关键字作为渐变的一部分。为了解决这个问题,可以使用`rgba(0, 0, 0, 0)`来替代。 ```css .section-hero { background: linear-gradient(rgba(0, 0, 0, 0), #d7e0ef), #527ee0;...

    从入门到精通HTML5——PDF——网盘链接

     2.3.11 强制打开新窗口 25  2.3.12 设置网页的过渡效果 26  2.4 基底网址标记<base> 29  2.5 页面的主体标记<body> 30  2.5.1 设置文字颜色——text 31  2.5.2 背景颜色属性——bgcolor 32  ...

    深入扩展文本溢出解决方案.docx

    这种方案通过设置`max-height`和`line-height`来控制显示的行数,并利用`::after`伪元素中的渐变背景来模拟省略号效果,从而避免文字显示不完整的问题。不过需要注意的是,这种方法在IE8及以下版本中不适用。 #### ...

    CSS3的几个标签速记(推荐)

    9. word-wrap: 强制换行 当网页中的文本内容超出容器宽度时,word-wrap属性能够强制长单词进行换行,以保证文本内容不会溢出容器。 - 语法:word-wrap: break-word; 以上是CSS3的几个标签速记方法,它们帮助...

    常用JavaScript脚本(随时更新).doc

    `word-break:break-all` 是CSS样式,用于强制单词在任意字符处换行,防止长串英文单词撑破表格或其他容器的布局。 9. **图片渐显**: JavaScript的渐显效果通常通过CSS滤镜实现,这段代码中`cur.filters.alpha....

    Payment_Form:收养街头动物

    3. **段落与换行**:`<p>`标签用于创建段落,而` `标签用于强制换行。 4. **链接**:`<a>`标签用于创建超链接,属性`href`定义链接的目标地址。 5. **表单元素**:在“Payment_Form”中,`<form>`标签用于创建...

Global site tag (gtag.js) - Google Analytics