web里liststyle的简单介绍

http://www.itjxue.com  2023-01-15 00:25  来源:未知  点击次数: 

Web前端开发规范之css规范

今天小编要跟大家分享的文章是关于Web前端开发规范之css规范。Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来和小编一起看一看css规范的原则吧!

css规范

1、编码规范为utf-8。

2、协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构表现行为。共用css文件base.css由i书写,协作开发过程中,每个页面请务必都要引入,此文件包含reset及头部底部样式,此文件不可随意修改。

3、class与id的使用:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级中。id原则上都是由我分发框架文件时命名的,为JS预留钩子的除外。

4、为JS预留钩子的命名,请以js_起始,比如:js_hide,js_show。

5、class与id命名:大的框架命名比如header/footer/wrapper/left/right之类的在2中由i统一命名.其他样式名称由小写英文数字来组合命名,如i_comment,fontred,width200。避免使用中文拼音,尽量使用简易的单词组合。总之,命名要语义化,简明化

6、规避class与id命名(此条重要,若有不明白请及时与i沟通):a)通过从属写法规避,示例见d。b)取父级元素id/class命名部分命名,示例见d。c)重复使用率高的命名,请以自己代号加下划线起始,比如i_clear。d)a,b两条,适用于在2中已建好框架的页面,如,要在2中已建好框架的页面代码中加入新的div元素,按a命名法则:...,样式写法:#mainnav.firstnav{.......}按b命名法则:...,样式写法:.main_firstnav{.......}

7、css属性书写顺序,建议遵循:布局定位属性--自身属性--文本属性--其他属性.此条可根据自身习惯书写,但尽量保证同类属性写在一起.属性列举:布局定位属性主要包括:displaylist-styleposition(相应的top,right,bottom,left)floatclearvisibilityoverflow;

自身属性主要包括:widthheightmarginpaddingborderbackground。

文本属性主要包括:colorfonttext-decorationtext-alignvertical-alignwhite-space

其他content。

8、书写代码前,提高样式重复使用率。

以上就是小编今天为大家分享的关于Web前端开发规范之css规范的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师。

代码list-style: none;在网页设计里是什么意思

设置列表标记的,默认会是实心圆点,设成none就是没有标记,该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,所以在普通的 HTML和XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。

list-style:none中文是:列表样式:无。

none:没有

[英][n?n][美][n?n]

pron.没有人,没有一人; 没有一个; 没有一部分,没有一点;

adv.根本不; 无法,绝不;

易混淆单词:NoneNONE。

list-style:列表样式。

web前端里面list-style-typle作用是什么?

CSS 属性 list-style-type 可以设置列表元素的 marker(比如圆点、符号、或者自定义计数器样式)

@disc: 全心圆

@circle: 空心圆

@square: 方形

@decimal: 数字

@upper-roman: 大写罗马数字

@lower-roman: 小写罗马数字

@upper-alpha: 大写字母

@lower-alpha: 小写字母

@trad-chinese-informal: 中文

@kannada: 印度语 ( 不推荐 )

@georgian: 阿拉伯数字( 不推荐 )

※ 注意: 输入时请忽略 '@', 例: X{ list-style-type: decimal; }

web中将图片设为背景图片的代码是什么?

web中将图片设为背景图片的代码如下:

html

body background="a.jpg"

/body

/html

这样就把图片a.jpg设为背景图片了。

body bgcolor="#CCCCCC"

这个是把背景设成灰色

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供将图形、音频、视频信息集合于一体的特性。

大量的图形、音频和视频信息会占用相当大的磁盘空间,我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起,信息可以放在不同的站点上,只需要在浏览器中指明这个站点就可以了。在物理上并不一定在一个站点的信息在逻辑上一体化,从用户来看这些信息是一体的。

Web的交互性首先表现在它的超链接上,用户的浏览顺序和所到站点完全由他自己决定。另外通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求,服务器可以根据用户的请求返回相应信息。

如何将web中无序列表由横向变纵向

弄了半天,终于改好了。

改动的核心配置:

#nav li{

list-style-type:none;

display: inline;

vertical-align:left;

}

a {

display: block;

width: 90px;

height: 30px;

background: #606 url(button1.gif) bottom left no-repeat;

color:#fff;

text-align:left;

text-decoration:none;

line-height:30px;

vertical-align:left;

}

主要是参考:

google搜

Simple horizontal list

即可找到该贴。

(责任编辑:IT教学网)

更多

推荐Flash教程文章