静态页面编写规范02

1,列表形式的,每一行就是一个li

例如:

上面有5行,那么就有5个li

2,按钮的状态:可以点击,不可点击,要分别对应两个class,便于js判断按钮的状态

约定class:disabled,enabled

3,如果是列表,一行中的某个字段的状态的class 一定要写在这一列的父标签上

如下图,本来li中的span标签有两张状态,但是反应状态的class "com-disable"仍然要写在这一列的父标签上

静态页面编写规范02相关推荐

淘宝-静态页面编写(2)--给淘宝写个头吧
标题首先我们看到html页面的头部: 技术点: 我们需要在标题内写入相关文字 <title>淘宝网 - 淘!我喜欢</title> 并且在左侧插入图标 <!--图片楼下 ...
淘宝-静态页面编写（4）--头部搜索/导航栏
头部搜索分块首先我们观察这部分,可清晰的将它分成三个模块,左边的淘宝网,中间的搜索栏以及右边的二维码.这里我们需想一下怎么把中间的搜索栏放入中间位置,我采用的是先将左右两侧靠边放置并设置浮动,那么 ...
用vscode编写静态页面_开发中实用的VSCode插件推荐
本篇文章给大家介绍一下开发中实用的VSCode插件推荐.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶 ...
HTML简单静态页面的编写
文章目录前言一.头部标签的编写 1.顶部的前半部分 2.顶部的后半部分二.中间标签的编写 1.中间部分二.底部标签的编写 1.底部前半部分 2.底部后半部分总结前言接下来的内容是,利用H ...
小辣鸡之——淘宝首屏静态页面的编写
html结构--css样式--js行为由于只是静态页面的编写,所以不涉及到js. 刚入门前端2个星期,写了这么个入门页面,mark这篇给自己看. 心得: 1.要先规划好区域.比如导航条.搜索条.主要 ...
php编写用户登录页面,js+php实现静态页面实时调用用户登陆状态的方法
这篇文章主要介绍了js+php实现静态页面实时调用用户登陆状态的方法,采用在静态页面中使用js调用php页面从而实现用户登录状态的实时调用功能,需要的朋友可以参考下本文实例讲述了js+php实现静态 ...
Vue编写静态页面框架的基本步骤（实现基本的页面链接跳转）
第一步:定义一个整体的框架(即主页面:可以到element-ui官网-组件-container中找自己满意的) 第二步:将官网的框架拷贝到开发软件中 <template><div&g ...
静态页面和动态页面的区别
静态页面和动态页面的区别一.静态web页面: 1.在静态Web程序中,客户端使用Web浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Requ ...
web 静态页面和动态页面的区别
文章目录一.静态web页面: 二.动态web页面: 为什么需要web服务器?(web server) 三.关于两者区别的简单直接的描述四.实验测试一.静态web页面: 1.在静态Web程序中,客 ...
J2EE项目代码编写规范分享
码编写规范目的:能够在编码过程中实现规范化,为以后的程序开发中养成良好的行为习惯. 代码编写规范使用范围:J2EE项目开发. 包命名规范: 目的:包的命名规范应当体现出项目资源良好的划分 servle ...

静态页面编写规范02

静态页面编写规范02相关推荐

最新文章

热门文章