HTML5与CSS3基础语法自学教程(二十)

html5和CSS3思维导图 html5和CSS3个人思维导图,需要xmind打开,有兴趣的小伙伴可以下载 立即下载

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章!

导读:本小节主要讲解 HTML 中的列表元素,其中包含了什么是列表元素、有序列表、无序列表以及定义列表等内容。列表元素配合 CSS 样式可以实现各种各样的效果,例如页面的导航栏、文档的目录等。

什么是列表元素

编写文档时经常会使用列表方式呈现一系列平行的内容,在 HTML 页面中同样提供了列表元素来完成类似的功能,可以划分为如下 3 列表:

  • 有序列表

  • 无序列表

  • 定义列表

如下图所示展示了有序列表和无序列表默认的效果:

1d0b8781bb7166afb0f0bb94148b92ba.jpeg
01-01.png

如上图所示,左边是无序列表的效果,右边是有序列表的效果。

有序列表

HTML <ol> 元素表示有序列表,默认情况下使用数字作为列表编号。而 <li> 元素则表示列表项,定义在有序列表中。

如下示例代码展示了 HTML 中有序列表的用法:

<ol>
  <li>iPhone手机</li>
  <li>小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

66a8c418d2fed2dbe3212d7d44741a50.jpeg
01-02.png

<ol> 元素默认使用数字作为编号,可以通过 type 属性进行修改,该属性的值具有 5 种类型,如下所示:

  • "a":表示小写字母编号

  • "A":表示大写字母编号

  • "i":表示小写罗马数字编号

  • "I":表示大写罗马数字编号

  • "1":默认值,表示数字编号

type 属性的值默认情况下会作用到整个有序列表。

说明:type 属性在 HTML4 版本中被弃用,但在 HTML5 版本中被重新引入。如果不是为了元素的语义化的话,该属性可以使用 CSS 中的 list-style-type 属性进行替代。

除了 type 属性之外,在 HTML5 版本中新增了 2 个属性,如下所示:

  • reversed:布尔值,设置列表采用倒序的方式。

注意:该属性只需要定义属性名即可,而不需要设置属性值。

如下示例代码展示了 reversed 属性的用法:

<ol reversed>
  <li>iPhone手机</li>
  <li>小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

fe7486cd921a6f589b14d641f219b802.jpeg
01-03.png
  • start:整数值,设置列表序号开始的值。

说明:该属性在 HTML4 版本中被弃用,在 HTML5 版本中被重新引入。

HTML <li> 元素也同样具有如下 2 个属性:

  • value:整数值,设置当前列表项在有序列表的序号。

说明:该属性在 HTML4 版本中被弃用,在 HTML5 版本中被重新引入。

  • type:设置有序列表的数字类型。

说明:该属性值会覆盖 <ol> 元素的 type 属性值。

由于 <li> 元素的 2 个属性,会导致两种比较特殊的情况出现:

  • li 元素通过 value 属性设置了该元素在有序列表的序号,但与默认的序号是不同的。

如下示例代码展示了这种情况:

<ol>
  <li>iPhone手机</li>
  <li value="5">小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

bf19cf59fb3ea2d41a636e2cb4064326.jpeg
01-04.png
  • ol 元素通过 type 属性设置了数字类型,而 li 元素通过 type属性同样设置了数字类型。

    如下示例代码展示了这种情况:

<ol type="A">
  <li>iPhone手机</li>
  <li type="I">小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

7425962d6b0f55c06cb9daf0203ce361.jpeg
01-05.png

无序列表

HTML <ul> 元素表示无序列表,默认情况下使用 disc 作为列表编号。而 <li> 元素则表示列表项,定义在无序列表中。

如下示例代码展示了 HTML 中无序列表的用法:

<ul>
  <li>iPhone手机</li>
  <li>小米手机</li>
  <li>华为手机</li>
</ul>

上述示例代码运行效果如下图所示:

bbf9b30d26de87815b24df60200f265c.jpeg
01-06.png

<ul> 元素默认使用 disc 作为编号,可以通过 type 属性进行修改,该属性的值具有 3 种类型,如下所示:

  • disc:默认值,表示实心圆

  • circle:表示空心圆

  • square:表示实心方块

说明:type 属性已经被弃用,建议使用 CSS 中的 list-style-type 属性进行替代。

HTML <li> 元素的 value 属性或 type 属性都是针对有序列表的,对无序列表是无效的。

列表嵌套

在一个有序列表或无序列表中定义另一个有序或无序列表作为子列表,这样就构成了列表嵌套。列表嵌套会有如下 4 种情况:

  • 有序列表嵌套有序列表:父级和子级列表默认使用数字作为序号。

如下示例代码所示:

<ol>
  <li>iPhone手机
    <ol>
      <li>iPhone 7</li>
      <li>iPhone 8</li>
      <li>iPhone X</li>
    </ol>
  </li>
  <li>小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

c5f358d5042802b3eb16caeb7d8447e6.jpeg
01-07.png
  • 有序列表嵌套无序列表:父级有序列表默认使用数字作为序号,子级无序列表默认使用 circle 作为序号。

如下示例代码所示:

<ol>
  <li>iPhone手机
    <ul>
      <li>iPhone 7</li>
      <li>iPhone 8</li>
      <li>iPhone X</li>
    </ul>
  </li>
  <li>小米手机</li>
  <li>华为手机</li>
</ol>

上述示例代码运行效果如下图所示:

f3eede72a15895520cf400a23b89d9df.jpeg
01-08.png
  • 无序列表嵌套无序列表:父级无序列表默认使用 disc 作为序号,子级无序列表默认使用 circle 作为序号。

如下示例代码所示:

<ul>
  <li>iPhone手机
    <ul>
      <li>iPhone 7</li>
      <li>iPhone 8</li>
      <li>iPhone X</li>
    </ul>
  </li>
  <li>小米手机</li>
  <li>华为手机</li>
</ul>

上述示例代码运行效果如下图所示:

1b21ec9084fcb3c2aae7402e9638fad1.jpeg
01-09.png
  • 无序列表嵌套有序列表:父级无序列表默认使用 disc 作为序号,子级有序列表默认使用数字作为序号。

如下示例代码所示:

<ul>
  <li>iPhone手机
    <ol>
      <li>iPhone 7</li>
      <li>iPhone 8</li>
      <li>iPhone X</li>
    </ol>
  </li>
  <li>小米手机</li>
  <li>华为手机</li>
</ul>

上述示例代码运行效果如下图所示:

a2144006235f19dbff1c1436e8c9b05f.jpeg
01-10.png

定义列表

HTML <dl> 元素在 HTML4 版本中称为定义列表,在 HTML5 版本中称为描述列表。该元素是一个包含术语定义及描述的列表,其中术语定义使用的是 <dt> 元素,描述使用的是 <dd> 元素。该元素通常应用于例如词汇表、键值对列表等。

如下示例代码展示了定义列表的基本用法:

<dl>
  <dt>爱好</dt>
    <dd>抽烟</dd>
    <dd>喝酒</dd>
    <dd>烫头</dd>
  <dt>职业</dt>
    <dd>程序员</dd>
    <dd>讲师</dd>
    <dd>说书人</dd>
</dl>

上述示例代码运行效果如下图所示:

f32ef375f7ccd6f4307f3d61e63a383c.jpeg
01-11.png

说明:不要将定义列表用来实现缩进效果,因为这样做法导致语义化不清晰。

总结

本小节讲解了有关 HTML 页面中的列表元素,其中包含了有序列表、无序列表、列表嵌套以及定义列表等内容。

  • ol 元素表示有序列表,ul 元素表示无序列表,而 li 元素表示有序列表或无序列表的列表项。

  • 列表嵌套可以划分为 4 种情况。

预告:下一节,我们将讲解有关列表样式的内容。

如要转载本文,请先加作者微信(2080954535,与 QQ 同号),获得转载许可。原创不易,请尊重作者劳动!

374c835d4ab0c8b83f80f54e5bcd667a.jpeg
作者二维码.png
华北理工大学以升实验班蓝桥杯选拔赛题解 文章目录华北理工大学以升实验班蓝桥杯选拔赛题解A:期末考试题目描述题目讲解代码B:月份题目描述题目讲解代码C:打饭题目描述题目讲解代码D : 正弦波信号题目描述题目讲解代码E : 亲爱的长方形题目描述题目讲解代码F:挖金子题目描述题目讲解代码G : 金金的游戏题目描述题目讲解代码H : 区间和题目描述题目讲解代码详细视频讲解请关注华北理工大学b站账号。 华北理工大学以升实验班蓝桥杯选拔赛题解 A:期末考试 题目描述 Description 期末考试过去许多天了,如今成绩都出来了,那么现在让我们对成绩我分个类 阅读详情

相关推荐

基于Ultralytic实现多路摄像头目标检测

基于Ultralytic实现多路摄像头目标检测前面的文章分享了单路摄像头画面的YOLO目标检测,这篇文章主要分享一下多路摄像头画面的实时YOLO目标检测。测试环境在Windows系统下进行。

qq_57674776的博客 942

HTML5+CSS、CSS3基础知识点总结

一、选择器 选择器分为基础选择器和复合选择器两大类。 基础选择器由单个选择器组成 基础选择器包括:标签选择器、类选择器、id 选择器和通配符选择器(*) 标签选择器 优点 标签选择器可以把某一标签全部选择出来,快速为同类型标签设置统一样式。 缺点 不能设置差异化样式,只能选择全部当前标签。 id 选择器与类选择器的区别 类选择器可以被多个元素调用。 id 选择器只能允许一个标签调用。 类选择器使用的较多,id 选择器用于唯一特性的标签。 基础选择器 作用 特点 使用情况 用法 标签选

m0_51981718的博客 1万+

ai数字人系统部署

这段代码实现了基本的语音交互闭环,用户通过语音输入问题,数字人识别语音后进行自然语言理解并生成回复,再将回复转换为语音输出。但实际应用中的 AI 数字人系统更为复杂,如形象渲染需专业图形引擎(如 Unity、Unreal Engine),自然语言处理也会涉及更复杂的模型微调及多轮对话管理等。一个完整的 AI 数字人系统涵盖形象生成、自然语言处理、动作控制等多个复杂功能,下面为你提供一个 Python 示例,整合多个库来实现数字人基础功能,包括语音交互、简单的自然语言理解以及通过虚拟形象展示对话。

weixin_ggwwsscc的博客 370

HTML5与CSS3基础语法自学教程(二十二)

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章!导读:本小节讲解 CSS 中的计数器,其中包含了计数器的概念,以及计数器中所包含的属性和函数等内容。计...

大叔的私享课 130

Diffusion Model原理详解

Diffusion Model(扩散模型 )对标的是生成对抗网络(GAN),本文将用通俗的语言和公式为大家介绍Diffusion Model,并且结合公式为大家梳理Diffusion Model的代码。

weixin_42620109的博客 6100

别再为STM32F407的USB高速通信发愁了!手把手教你用USB3320(ULPI接口)搞定硬件设计

本文详细介绍了STM32F407通过USB3320(ULPI接口)实现高速USB通信的硬件设计实战。从USB3320的选型优势到原理图设计避坑,再到PCB布局和固件配置,提供了一套完整的解决方案。特别针对USB PHY芯片的常见问题,如供电处理、信号完整性和初始化代码,给出了专业建议和调试技巧,帮助工程师高效完成高速USB通信设计。

weixin_42527401的博客 388

HTML5基础知识思维导图

weixin_43332684的博客 812

14、多级快速多极子算法(MLFMA)详解

多级快速多极子算法(MLFMA)是一种高效加速矩阵向量乘法(MVM)的数值方法,广泛应用于电磁场积分方程求解中。该算法通过构建多级树结构,将MVM分解为近场直接计算和远场分组计算两部分,利用递归聚类、聚合-平移-分解三阶段处理远场相互作用,并结合采样、模式计算与优化策略,将计算复杂度从O(N^2)降低至O(N log N)。博文详细阐述了MLFMA的核心步骤、数学推导、计算复杂度及实际应用中的优化技术,如伽辽金方案改进、对称性利用和反插值方法,为大规模电磁问题的高效求解提供了系统性指导。

t8u9v0w1x的博客 242

HTML5+CSS3基础学习整合

HTML5+CSS3基础学习整合

m0_63594400的博客 514

uniapp - 最新详细实现web-view网页与安卓苹果App端之间互相通信功能,苹果app/安卓app平台与内嵌webview组件内的网页进行相互传值,内置网页与app双向实时通信,详细示例代码

uni-app,Android安卓,苹果ios,app,内嵌webview,第三方H5网页,app和web-view通信传值,web-view引入的页面向App主应用传递数据,App端与webview端相互通信,App端和H5端webview之间的通信,uniapp实现webview和APP之间的传值通信,如何互相传递对象数据,数据传递了接收不到,web-view页面向app内发送消息,监听传递的参数,uni-app和web-view页面相互传参,报错怎么办,跨域,屏幕空白出错,数据交互,解决手机物理返回按

🏆 前端领域优质创作者 4742

密码学与信息安全面试题及参考答案(2万字长文)

密码学是一门研究信息安全的学科,它涉及加密、解密以及保护数据免受非授权访问的技术和方法。这门学科的核心在于设计并分析各种协议,使通信双方即使在存在潜在敌手的环境中也能安全地传输信息。保密性:确保信息只能被预期的接收方读取,阻止未经授权的第三方获取信息的真实内容。完整性:保证数据在传输过程中不被篡改,确保接收方接收到的信息与发送方发送的信息完全一致。认证性:验证信息的来源,即确认信息确实是由声称的发送方发出的。不可否认性:确保发送方不能在事后否认曾经发送过某条信息。访问控制。

大模型大数据攻城狮的专栏 1995

HTML5与CSS3基础语法自学教程(二十五)

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章!导读:本小节主要讲解 CSS 中的结构伪类选择器的内容,其中包含了结构伪类选择器的概念以及各个结构伪类...

大叔的私享课 90

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain&#39;s apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath(&#39;DeepLearnToolbox&#39;));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand(&#39;state&#39;,0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W&#39;); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand(&#39;state&#39;,0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = &#39;sigm&#39;;%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, &#39;Too big error&#39;);```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand(&#39;state&#39;,0)sae = saesetup([784 100]);sae.ae{1}.activation_function = &#39;sigm&#39;;sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)&#39;)% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;;nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, &#39;Too big error&#39;);```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x&#39;,28,28,60000))/255;test_x = double(reshape(test_x&#39;,28,28,10000))/255;train_y = double(train_y&#39;);test_y = double(test_y&#39;);%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you&#39;ll get around 1.2% errorrand(&#39;state&#39;,0)cnn.layers = { struct(&#39;type&#39;, &#39;i&#39;) %input layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 6, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %sub sampling layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 12, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, &#39;Too big error&#39;);```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, &#39;Too big error&#39;);%% ex2 neural net with L2 weight decayrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex3 neural net with dropoutrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex4 neural net with sigmoid activation functionrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex5 plotting functionalityrand(&#39;state&#39;,0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = &#39;softmax&#39;; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand(&#39;state&#39;,0)nn = nnsetup([784 20 10]); nn.output = &#39;softmax&#39;; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

HTML5与CSS3基础语法自学教程(二十一)

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章!导读:本小节主要讲解有关列表的 CSS 样式。简单来说,就是学习 CSS 中的 list-style ...

大叔的私享课 126

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

HTML5与CSS3基础语法自学教程(二十四)

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章!导读:本小节主要讲解 CSS 中有关表格的样式属性,其中包含了表格布局、表格标题、处理空单元格、单元格...

大叔的私享课 102

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

自学前端第二十九天 CSS高级之细节技巧

css高级细节技巧 一.background-color :属性设置元素的背景颜色。 定义和用法 background-color 属性设置元素的背景颜色。 元素背景的范围 background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。 transparent 值 (让背景色透明) 尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素

weixin_47592060的博客 484

视频教程-C#6.0编程语言:基础语法视频教程-C#

C#6.0编程语言:基础语法视频教程 二十多年的企业管理软件开发经历,熟知管...

weixin_32488749的博客 253

css基础教程【学习笔记】,2024年最新面试阿里巴巴运营自我介绍

元素显示模式就是元素(标签)以什么方式进行显示,比如div自己占一行,比如一行可以放多个span。网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。​ 在 CSS 中,可以根据选择器的类型把选择器分为***基础选择器***和***复合选择器***,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。​ 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签)后代选择器、子选择器、并集选择器、伪类选择器。

2201_75604580的博客 695

12岁开始自学Web开发的5个经验

关注微信号:javalearns   随时随地学Java 或扫一扫 随时随地学Java   自从我12岁的时候,发现Microsoft Word中的“另存为Web页面”选项后,我就开始自学Web开发。我先学的是HTML,接着是CSS和JavaScript,然后是一些PHP和Rails的皮毛。 (近段时间,我投入了Meteor的怀抱。)

259

Python自学20天:从零基础到Django博客开发实战

Python作为当下最流行的编程语言之一,以其简洁语法和丰富生态成为新手入门IT的首选。通过理解面向对象编程、装饰器等核心概念,结合Django框架的MVT设计模式,可以快速构建Web应用。在开发环境配置方面,WSL2与VS Code的组合提供了接近Linux原生的开发体验,而Git版本控制则保障了代码管理效率。这些技术特别适合博客系统、内容管理等CRUD应用的开发,本文通过20天自学案例,展示了如何从Python基础过渡到完整项目实战,其中Django框架的用户认证、ORM操作和Markdown集成等关键

weixin_33695082的博客 436

文章-自学的程序员如何找到好工作?

解决一个你想解决的问题。创建一个用于某件事的软件,解决一些你本人或他人想要通过软件解决的问题。每天为这个软件写代码,晚上写,周末也写,每天都写。即使你每天只花了 15 分钟写代码,也没关系。 最终,你将得到一个能用的软件,这很不错。 然后,你再重复这一过程。做一个其他的东西。不断地做。花费大量的时间,通过创建更多的东西来提升你的技能。

问题的博客 3万+

【HTML】 学习笔记

HTML学习笔记

ningnian2018的博客 228

自学的程序员如何找到好工作?

2016 年有位年轻的程序员在 Quora 上提问求助: 我今年 17 岁,从 14 岁开始编程。我主要关注 Java 语言,并在 AP 计算机科学这门课上拿了 5 分。我相当精通 Java(比如语法、主要类、GUI/JFrame 等),HTML5 和 CSS3 也不错。我感觉自己缺乏很多有用的技能,来帮助我在人才市场上推销自己(比如数据库的工作原理,以...

weixin_33709219的博客 200

零基础自学网络安全

是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。与 Scheme、Ruby、Perl、Tcl 等动态语言一样,Python 具备垃圾回收功能,能够自动管理内存使用。它经常被当作脚本语言用于处理系统管理任务和网络程序编写,然而它也非常适合完成各种高级任务。

qq_44005305的博客 1028

2024年网络安全最新VMware虚拟机win7安装教程_vmware安装windows7 csdn

Python编程学习,学习内容包含:语法、正则、文件、 网络、多线程等常用库,推荐《Python核心编程》,不要看完;在实际的渗透测试过程中,面对复杂多变的网络环境,当常用工具不能满足实际需求的时候,往往需要对现有工具进行扩展,或者编写符合我们要求的工具、自动化脚本,这个时候就需要具备一定的编程能力。恭喜你,如果学到这里,你基本可以从事一份网络安全相关的工作,比如渗透测试、Web 渗透、安全服务、安全分析等岗位;③漏洞扫描、漏洞利用、原理,利用方法、工具(MSF)、绕过IDS和反病毒侦察。

2401_84297796的博客 785
上一篇: HTML5与CSS3基础语法自学教程(十九)
下一篇: HTML5与CSS3基础语法自学教程(二十一)
不想成熟的大叔
博客等级 码龄9年 58粉丝 48原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值