1、首先打开hbuilder软件，新建一个html文件，里面写入3个p标签，再在style标签中设置p标签的基本样式，包括间距，字体大小等属性：
2、然后在style标签中用3种方法设置文字颜色，第一个p标签用16进制设置颜色，每两个数字为一组，最大数字为ff，它们代表红绿蓝三种颜色；第二种方法是rgba，也是红绿蓝三种颜色，只不过值变成了数字，最大为255表示颜色最鲜艳，比如把第一个设置为255就是最红：
3、第三个标签使用HSL色彩，其中H代表色调，值最大为360，0和360也是红色，其他颜色在中间；s是饱和度用百分比来表示，0%表示最暗，100%表示最亮；L表示亮度取值也是百分比；rgba和hlsa中a都表示透明度，取值在00到10之间，00是完全透明，10为完全不透明：
1在body内输入divabc按下tab键
效果：<divclass="abc"></div>
2在body内输入div#abc按下tab键
效果：<div id="abc"></div>
3在body内输入ul>li{小花}3按下tab键
效果：<ul>
<li>小花</li>
<li>小花</li>
<li>小花</li>
</ul>
4在body内输入div>a[href='#']{小花}3按下tab键
效果：<div>
<ahref="#">小花</a>
<ahref="#">小花</a>
<ahref="#">小花</a>
</div>
5在body内输入select>option{$}5按下tab键
效果：<select name="" id="">
<optionvalue="">1</option>
<optionvalue="">2</option>
<optionvalue="">3</option>
<optionvalue="">4</option>
<optionvalue="">5</option>
</select>
6在body内输入select>option[value='花香']{$}5>a[href='#']{小花}按下tab键
效果：<select name="" id="">
<option value="花香">1<a href="#">小花</a></option>
<option value="花香">2<a href="#">小花</a></option>
<option value="花香">3<a href="#">小花</a></option>
<option value="花香">4<a href="#">小花</a></option>
<option value="花香">5<a href="#">小花</a></option>
</select>
总结一下：属性值用[ ]填充，文本内容用{ }填充，看完上面大概就明白了，谢谢。
DW
数据库
Hbuilder
建筑工人
数据库 [ shù jù kù ]
生词本
基本释义
[ shù jù kù ]
存放在计算机存储器中，按照一定格式编成的相互关联的各种数据的集合，供用户迅速有效地进行数据处理。
百科释义
建议先学习hbuilder的代码再使用dw，dw这个软件比较简单
也不用自己手打太多的代码，可以直接在页面上修改内容，代码系统会自动修改
比如说在网页上加入一个
在dw中可以直接拖动来修改位置
不用自己修改代码，非常的方便。
但是
，如果不是很懂hbuilder的代码的话，有时候dw出现bug的话
会不知道怎么改，而且，hbuilder还可以修改更多的样式，关联数据库等等的功能
所以
建议把hbuilder的代码学习好了，再使用dw做网页
就比较简单了
<script src="里的js文件"></script>
类似上面格式，把你js文件路径写进去就可以引用了，下面是我的引用例子：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/commoncss" />
<link rel="stylesheet" href="css/indexcss" />
<script type="text/javascript" src="js/jqueryminjs" ></script>
<script type="text/javascript" src="js/indexjs" ></script>
<script type="text/javascript"></script>
</head>
<body>
<!--整体居中显示开始-->
<div class="site-center">
<!--最顶部导航-->
<div class="top-nav">
<div id="top-nav-left" >
<a href="#">华为官网</a>
<a href="#">华为社区</a>
<a href="#">软件应用</a>
<a href="#">Select Region</a>
</div>
<div id="top-nav-right">
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">我的订单</a>
<a href="#">L码(优购码)</a>
<a href="#">手机版</a>
<a href="#">网站导航</a>
</div>
</div>
<!--最顶部导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--搜索框开始-->
<div class="top-search">
<div id="top-search-logo">
<img src="img/logopng" />
</div>
<div id="top-search-box">
<form>
<input type="text" class="text" maxlength="100" id="search-kw" />
<input type="submit" class="search-btn" id="search-btn" value="搜索" >
</form>
</div>
<div id="top-search-ORcode">
<img src="img/orcodepng" />
</div>
</div>
<!--搜索框结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--主导航开始-->
<div class="nav">
<div id="nav-left">
<h2>全部商品</h2>
</div>
<div id="nav-right">
<ul>
<li><a href="#">首 页</a> </li>
<li><a href="#">华为专区</a> </li>
<li><a href="#">荣耀专区</a> </li>
<li><a href="#">荣耀NOTE8</a> </li>
<li><a href="#">荣耀8</a> </li>
<li><a href="#">P9</a> </li>
<li><a href="#">配件特惠</a> </li>
<li><a href="#">精彩频道</a> </li>
</ul>
</div>
</div>
<!--主导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--商品导航开始-->
<div class="products-menu">
<div id="products-category">
<!--第一块导航-->
<div id="products-category-1">
<div class="products-category-big"><a href="#">手机</a></div>
<span><a href="#">荣耀</a></span>
<span><a href="#">荣耀2</a></span>
<span><a href="#">荣耀3</a></span>
<!--右滑动显示信息-->
<div id="products-category-hide1">
<ol>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
<li><a href="#">荣耀</a></li>
</ol>
</div>
<!--右滑动显示结束-->
</ol>
</div>
<!--第一块导航结束-->
</div>
<!--商品幻灯片开始-->
<div id="products-show">
<img src="img/xiaoyaojpg" />
</div>
<!--商品幻灯片结束-->
</div>
<!--商品导航结束-->
<!--清除浮动-->
<div class="clear"></div>
<!--热卖商品开始-->
<div class="products-sellWell">
</div>
<!--热卖商品开始-->
<!--整体居中显示结束-->
</div>
</body>
</html>
以上就是关于怎么拔li标签里的span标签里面的字体变成白色全部的内容，包括:怎么拔li标签里的span标签里面的字体变成白色、hbuilder 怎样快捷键创建div和起class名字、DW和Hbuilder的区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）