chrome 查看元素里被横线划掉的css,是因为属性的不支持或者层次被覆盖,解决方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签、span标签创建商品价格的显示。
3、在test.html文件内,使用<style type="text/css"></style>标签来标识css代码编写区。
4、在css标签内,创建div,span标签的样式设置。
5、在css标签内,设置div的样式,使用font-size设置字体大小为20px,line-height设置行高为50px。
6、在css标签内,设置span的样式,使用color设置文字颜色为红色,text-decoration设置删除线的效果。
7、在浏览器打开test.html页面,可见,实现了将价格划掉的效果。
<style type="text/css" media="screen">.line_m{text-decoration:line-through} </style><span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>需要多长就多加一个(空格)。CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 它的作用可以达到:(1)在几乎所有的浏览器上都可以使用。(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。(4)你可以轻松地控制页面的布局 。(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。1、新建一个html文件,命名为test.html。
2、在test.html文件内,创建一个包含文字的div,并设置div的class属性为content,主要用于对div进行css样式设置。
3、在test.html文件内,对类名为content的div进行样式设置,代码如下。
4、在css内,设置div的宽度为130px,同时设置其浮动向左,居左对齐。
5、在css内,设置div内的文字不换行,当文字超过宽度width时,隐藏文字。
6、在css内,设置div内文字超过宽度时,以点点点代替文字显示。