css样式大纲,css样式种类

CSS要怎么写才规范，提高可读性

注意书写前，自己要对页面布局有一个大纲，对同样的属性，进行并写，区别单独写，使用的时候用class="a b c"这样进行区别，

比如，有两个DIV，它们都是宽度500px，区别就是第二个背景色是黑色

a{width:500px}

b{background:#000}

div class="a/divdiv class="a b"/div

当然上面是举例子，这么简单的当然不用这么复杂的写，但是整个页面，甚至整站的页面的时候你就会发现这样做会非常的方便以及快捷。

有一个大纲，要对这个大纲分区域等等，比如

.head .title .h1

只针对.head .title的h1，

总之多写，写完了还不算完，页面效果出来了，再对CSS优化，哪些可以合并，哪一些不用分区域，可以写成公共等。

相关问答

Q1: 这种应该如何用CSS+DIV写，

你是要导航部分么？

style

*{ font-size:12px; list-style:none; margin:0px; padding:0px;}

.nav-box{ height:36px; background:#000; position:relative;}

.nav-img{ width:100px; height:36px; color:#FFF; line-height:36px; text-align:center; background:#333; position:absolute; left:0px; top:0px;}

.nav-con{ width:980px; height:36px; margin:0px auto;}

.nav-con li{ width:88px; height:36px; color:#FFF; text-align:center; line-height:36px; display:inline; background:#666; float:left; margin:0px 5px;}

.nav-con li a{ color:#FFF; text-decoration:none;}

.nav-con li a:hover{ color:#F00;}

/style

div class="nav-box"

div class="nav-img"这里是图片/div

ul class="nav-con"

lia href="#"首页/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

lia href="#"相关栏目/a/li

/ul

/div

Q2: Visual Studio 2013 怎么没有了css 大纲？

额...2013的没用过，现在还是用的2012 的

1：检测下是不是设置问题，

2：是否安装完整

Q3: 如何让divcss利用缩进

欢迎大家在这里学习如何让divcss利用缩进这里是我们给大家整理出来的精彩内容。希望大家在这里学习!为了让你的代码给人感觉更为直观，你可以使用一行来定义大纲元素的样式。当指定的选择器里的属性超过三个的时候，这种方式将带来混乱。但是，适度的使用这种方式，你可以很清楚的区分相同类的不同点。

#main-column { display: inline; float: left; width: 300px; }

#main-column h1 { margin-bottom: 20px; }

#main-column p { color: #333; }

同时，样式修改的维护也是个比较麻烦的问题。很多人修改样式之后就忘记了，结果后来又发现修改的样式导致了页面出错，不得不苦苦寻找。因此，为修改的样式构建一个特殊的格式就很必要了。一种很简单的方式是，给修改过的样式缩进，同时，也可以使用一些注释(比如"@new")来做一个标识。

#sidebar ul li a {

display: block;

background-color: #ccc;

border-bottom: 1px solid #999; /* @new */

margin: 3px 0 3px 0;

padding: 3px; /* @new */

}

好了，如何让divcss利用缩进内容就给大家介绍到这里了。希望大家继续关注我们的网站!

Q4: 北大青鸟设计培训：CSS框架在使用中都有哪些特点？

CSS框架是我们在学习web开发过程中非常重要的内容，CSS框架的掌握是非常关键的，能够让网页增添更加的色彩，那么一个完美的CSS框架结构需要具备哪些特点呢？下面四川北大青鸟为大家介绍CSS框架的具体内容。

一个完美的CSS框架并不是所有良好的软件开发目标都有很大的区别。

CSS框架也有很大的特点，CSS框架是可预测的、可重用的、可维护的和可扩展的。

1、可预测性可预测性的意思就是能够按照规则根据所预想的方法进行运行。

当进行添加或是更新一个方法的时候，不会影响站点里面的其他部分。

如果对站点进行小规模改变的时候，四川计算机学院发现里面的内容都是不重要的，但是在进行多个或是八个页面站点修改是，CSS的可预测性就是非常必要的。

2、可重用性CSS中的规则能够充分抽象和去耦，你不需要对已经解决的模式和问题进行再编码，可以依靠现有的部分快速构建新的部件。

3、可维护性如果您需要在网站上添加、更新和重新配置新的组件和属性，那么您就不需要重新构建现有的CSS了。

四川四川IT培训建议只要将组件添加到页面中，不需要撤销组件的实例。

4、可扩展性随着网站规模和复杂性的不断增长，在很多情况下，四川四川java软件开发认为更多的开发人员需要进行维护。

可扩展的CSS意味着一个人或大型工程团队可以很容易地进行管理。

也就是说，网站的CSS大纲不需要大量的学习曲线，学习变得简单。

因为现在是CSS的开发者进行维持，所以不需要考虑今后的变更。