讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > css教程 >

正文

0

0

li的简单应用_基础教程

php中文网

php中文网

发布时间：2016-05-16 12:08:35

|

2600人浏览过

|

来源于php中文网

原创

作者:eoe
虽然自己天天写CSS~~
可是来了原创文章这里~~不知道要写什么~~

今天就先写个LI 的简单应用~~以后慢慢加好了

这是一个普通的LI
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的简单应用




      
  • 测试列表的

    •   
  • 测试列表的

    •   
  • 测试列表的

    •   
  • 测试列表的





   提示：你可以先修改部分代码再运行

加了点CSS样式定义可以这样


  引用: 
*{margin:0;padding:0;} 习惯性把所有的元素的内补丁外补丁定义为0
0可以没有单位~~理论上是要单位的~不过0px 0pt 0em 都是0 所以~懒了~~

#test ul li 是 包含选择符
定义ID为test 里面的ul里的li
margin:~在基本所有的浏览器解析都是一样~
这里之所有要写两个是因为~
在li里面有我用到border,IE5.x对border的解析与其他浏览器不一样
margin/**/: 这样的话~IE5.x是不认识的~~
当然还有其他的写法如:
voice-family :   "\"}\"";voice-family :inherit;等~
可参考http://bbs.51js.com/viewthread.php?tid=50475&fpage=1

 



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的简单应用





      
  • 测试列表的

    •   
  • 测试列表的

    •   
  • 测试列表的

    •   
  • 测试列表的





   提示：你可以先修改部分代码再运行

再加上类如日期之类的内容


  引用: 
span定义为float:right 他会跟在后面 




nbsp;html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的简单应用





      
  • 12-11测试列表的

    •   
  • 12-11测试列表的

    •   
  • 12-11测试列表的

    •   
  • 12-11测试列表的





   提示：你可以先修改部分代码再运行

再加更多的内容
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的简单应用





      

  • 12-11测试列表的


    测试列表的测试列表的测试列表的测试列表的测试列表的



    •   

  • 12-11测试列表的


    测试列表的测试列表的测试列表的

    CuuMall免费开源网上商城系统
    CuuMall免费开源网上商城系统

    强大、易用的CuuMall发布新版本了，CuuMall网上商城系统是使用PHP开发的一套免费的开源商城系统，CuuMall最新版本v2.3在CuuMall v2.2稳定版本的基础上做了三十多项大小功能的升级及改进，此次更新进一步完善了CuuMall商城系统，使得2.3版本的CuuMall免费商城系统更加稳定，速度更快，上手更容易！ CuuMall商城秉承简单易用的理念，将购物流程、开店流程尽量的简

    下载


    •   

  • 12-11测试列表的


    测试列表的测试列表的测试列表的



    •   

  • 12-11测试列表的


    测试列表的测试列表的测试列表的






相关文章

css 想快速实现响应式导航栏怎么办_利用 css bootstrap navbar 组件布局

css 想在布局中保持固定间距怎么办_使用 css flex gap 或 grid gap 控制间距

css 初级项目中字体大小混乱如何调整_使用基础字号体系控制

css 如何控制文字大小不影响布局_font-size 与 line-height 配合使用

css 想在项目中快速添加渐变背景怎么办_利用 css tailwind bg-gradient 工具类

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：CSS条件注释的使用详解教材_经验交流 下一篇：css条件注释理论及实践源文件_经验交流

热门AI工具

更多
DeepSeek

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台
豆包大模型

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型
通义千问

通义千问

阿里巴巴推出的全能AI助手

AI大模型
腾讯元宝

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格
文心一言

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作
讯飞写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具
即梦AI

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成
ChatGPT

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

更多
Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程，阅读专题下面的文章了解更多详细内容。

9

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程，阅读专题下面的的文章了解更多详细内容。

3

2026.01.21

无人机驾驶证报考 uom民用无人机综合管理平台官网
无人机驾驶证报考 uom民用无人机综合管理平台官网

无人机驾驶证（CAAC执照）报考需年满16周岁，初中以上学历，身体健康（矫正视力1.0以上，无严重疾病），且无犯罪记录。个人需通过民航局授权的训练机构报名，经理论（法规、原理）、模拟飞行、实操（GPS/姿态模式）及地面站训练后考试合格，通常15-25天拿证。

15

2026.01.21

Python多线程合集
Python多线程合集

本专题整合了Python多线程相关教程，阅读专题下面的文章了解更多详细内容。

1

2026.01.21

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程，阅读专题下面的文章了解更多详细内容。

3

2026.01.21

windows激活码分享 windows一键激活教程指南
windows激活码分享 windows一键激活教程指南

Windows 10/11一键激活可以通过PowerShell脚本或KMS工具实现永久或长期激活。最推荐的简便方法是打开PowerShell（管理员），运行 irm https://get.activated.win | iex 脚本，按提示选择数字激活（选项1）。其他方法包括使用HEU KMS Activator工具进行智能激活。

2

2026.01.21

excel表格操作技巧大全 表格制作excel教程
excel表格操作技巧大全 表格制作excel教程

Excel表格操作的核心技巧在于 熟练使用快捷键、数据处理函数及视图工具，如Ctrl+C/V（复制粘贴）、Alt+=（自动求和）、条件格式、数据验证及数据透视表。掌握这些可大幅提升数据分析与办公效率，实现快速录入、查找、筛选和汇总。

6

2026.01.21

毒蘑菇显卡测试网站入口 毒蘑菇测试官网volumeshader_bm
毒蘑菇显卡测试网站入口 毒蘑菇测试官网volumeshader_bm

毒蘑菇VOLUMESHADER_BM测试网站网址为https://toolwa.com/vsbm/，该平台基于WebGL技术通过渲染高复杂度三维分形图形评估设备图形处理能力，用户可通过拖动彩色物体观察画面流畅度判断GPU与CPU协同性能；测试兼容多种设备，但中低端手机易卡顿或崩溃，高端机型可能因发热降频影响表现，桌面端需启用独立显卡并使用支持WebGL的主流浏览器以确保准确结果

17

2026.01.21

github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started，GitHub 是一种基于云的平台，可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中，你可以： “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

7

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
CuuMall免费开源网上商城系统
蓝色商务公司网站(XDcms内核)1.0
玻璃钢企业网站源码1.5
破浪分红权返利系统基础版
芝麻乐开源众筹cms系统
易优乐器古筝书画培训类网站源码1.6.9
易优电脑系统教程下载网站源码1.7.0

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

MySQL 初学入门（mosh老师）
MySQL 初学入门（mosh老师）

共3课时 | 0.3万人学习

c语言项目php解释器源码分析探索
c语言项目php解释器源码分析探索

共7课时 | 0.4万人学习

最新文章

更多
css 想让网格元素在容器中固定大小怎么办_grid-template-columns 固定值配合 fr
css 伪类与用户焦点_如何通过 :focus 实现输入框聚焦效果
css transition 写在子元素不生效怎么办_确认触发状态是否正确
css 想让透明背景在切换状态时平滑显示怎么办_使用透明度过渡属性
css padding 会影响元素实际大小吗_盒模型计算方式解析
css 响应式网页在不同屏幕下布局错乱怎么办_通过媒体查询调整断点实现自适应
css flexbox与多个列布局_通过wrap控制元素分列显示
css flexbox 子元素顺序如何调整_通过 order 属性改变显示顺序说明
css 伪类与隐藏元素_如何使用 :not() 隐藏特定的元素
css 表单占位文字样式不统一怎么办_placeholder 伪类与 color
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部