html的公共样式,求样例

.index-banner{

position: relative

background: #b3b3b3

}

.index-banner-bg{

height: 570px

overflow: hidden

}

.public-header .header-nav a{

color: #000000

}

.index-banner-bg img{

margin: 0 auto

}

.index-banner-text{

position: absolute

top:200px

left: 50%

margin-left:-388px

}

.index-banner-text .text-logo{

width: 776px

height: 117px

background: url("../images/text-logo.png") no-repeat

}

.index-banner-text .text-info{

margin-top: 17px

text-align: center

color: #fff

}

.index-banner-text .text-info .line{

display: inline-block

width: 40px

border-top: 1px solid #fff

vertical-align: middle

}

.index-banner-text .text-info .txt{

margin:0 26px

}

.index-banner-text .text-info .line-l{

margin-right:26px

}.index-banner-text .text-info .line-r{

margin-left:26px

}

.index-menu{

position: relative

border-top: 4px solid #f34949

}

.index-menu .menu-tips{

position: absolute

left:50%

top :0

margin-left:-78px

width: 156px

height:75px

text-align: center

line-height: 65px

color: #fff

background: #f34949

}

.index-menu .menu-tips:after{

position: absolute

content: ''

left:0

bottom: 0

width: 0

height: 0

border-left:78px solid transparent

border-right:78px solid transparent

border-bottom: 10px solid #fff

}

.index-menu .menu-list{

margin-top: 150px

color: #555

overflow: hidden

}

.index-menu .menu-list ul{

width: 1160px

}

.index-menu .menu-item{

float: left

width: 520px

margin-right:60px

margin-bottom:56px

}

.index-menu h4{

color: #000000

}

.index-menu .menu-item .title,.index-menu .menu-item .line{

float: left

}

.index-menu .menu-item .price{

float: right

}

.index-menu .men-item .title{

width: 230px

overflow: hidden

white-space: nowrap

text-overflow: ellipsis

}

.index-menu .menu-item .line{

margin-top: 9px

width: 192px

border-top: 1px solid #e3e1e1

}

.index-menu .menu-item .comment{

margin-top: 4px

color:#b7b7b7

font-size: 12px

}

.index-menu .menu-more-btn{

margin: 0 auto

width: 114px

height: 32px

padding-left: 16px

border: 1px solid #d7d5d5

font-size: 14px

line-height: 32px

color: #b7b7b7

}

.index-menu .menu-more-btn .icon{

display: inline-block

width: 11px

height: 7px

margin-left: 10px

background: url("../images/index-more.png") no-repeat

}

可以使用正则表达式来解决这个问题

具体的代码很多不详细写了，举个例子给题主吧

<?php

 

$htmlStr = '<li>首页</li>'

preg_match_all('/<li>.*?<\/li>/', $htmlStr , $res)

$ret = preg_replace('/(<li>|<\/li>)/', '', $res[0][0])

//输出res

//var_dump($res) 

echo $ret

最终输出的结果为：首页

在这个例子上题主所需要的值基本都可以用正则算法过滤出来

希望能帮到题主

如果可以，还请采纳

HTML 表单用于搜集不同类型的用户输入。

实例

文本域 (Text field)

本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。

密码域

本例演示如何创建 HTML 的密码域。

（可以在本页底端找到更多实例。）

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（<form>）定义。

---