css如何使用(css如何使用span实现三角形)

css如何使用span实现三角形

对span设置text-indent没有起作用，是因为text-indent只能给块级元素设置。 但是如果让span{display:block}转换为块级元素，就会换行，还得通过浮动来控制，增加了麻烦。 所以改css为span{display:inline-block;}。

利用css样式进行span控制的代码实例

用户注册后面的提示信息span设置方法

在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。

制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效 一、初步解决span宽度方案 1、修改span为block类型，在span的css中增加display属性，将span设置为block类型。

span { background-color:#fc0; display:block; width:150px; } 二、进一步解决span宽度方案 1、我们再增加一个css属性float 2、这样的确在某种条件下能解决问题。 span { background-color:#fc0; display:block; float:left; width:150px; }

css span怎么用

使用DW让网页图片置顶，可分三种情况：

1.cssreset

　　在HTML标签在浏览器里有默认的样式，例如p

标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE

下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻

烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简

单的说法就是把浏览器提供的默认样式覆盖掉

根据本题提问主要涉及到以下CSSReset

html,body,

div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,

pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,

small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,

form,label,legend,caption,tbody,tfoot,thead,article,aside,

canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,

section,summary,time,mark,audio,video{margin:0;padding:0;

border:0;outline:0;vertical-align:baseline;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

td,tdimg{vertical-align:top}

2.图片为页面中插入的img，如<imgsrc="../images/1.jpg"/>

　　如果已经设置了以上的cssreset，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。

3.图片为背景图片如

　　div{width:100%;height:50px;background:url(../images/1.jpg)lefttop

no-repeat;}其中的lefttop就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；lefttop

也可以换成数值如background:url(../images/1.jpg)00no-repeat;

css中span怎么用

span标记定义HTML文档中的一个行内间隔，SPAN 的前后不换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

可以简化的理解为用span就是为了给一些元素以特殊样式，或者当空标签挂图用。举例来说

我是黑色的字我是红色的字我是黑色的字

我们给了

标签内文本“color:#000”的样式，也就是说令文字颜色为黑色，而文章中有几个字你希望用红色标出，那么就用到了span,span标签内的元素可以单独给另一个样式。

或者比如没有地方挂图片的时候：

新品推荐

这是一个链接，假设我们这个链接就是有渐变背景图的，已经挂在了a标签上，但是常见的“其他新品推荐”不是会带一个闪动的"HOT!"小图标嘛，我们没有标签可以挂背景了。这时只需要外加一组span，就可以单独给一个带背景图片的样式。你可能会想为什么不能用个空的div挂图，第一div是块状元素而a是内联元素，第二用空div相当于让系统多读取了一个无意义的div，是要减缓网页读取速度的，span没这个问题

css中span

CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。

对CSS三种样式定义及其实例：

内联式css样式。

内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：

1 <p style="color:red">这里文字是红色。</p>

css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下;）。

嵌入式css样式。

嵌入式css样式，就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色：

1 <style type="text/css">span{color:red;}</style>

嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。

外部式css样式。

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名（也可以为调用其他网站CSS）。

1 <link href="style.css" rel="stylesheet" type="text/css" />

注意事项： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定写法不可修改。 3、标签位置一般写在标签之内。

掌握好三种CSS三种样式使用方法在Web开发中将节省很多时间。