css样式开源,css样式基础

css样式表中，这段代码什么意思？

总的来说：这是CSS3.0的对于文章段P容器的定义方法语句！

创新互联是一家集网站建设,郊区企业网站建设,郊区品牌网站建设,网站定制,郊区网站建设报价,网络营销,网络优化,郊区网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

display:block这个样式，只定义了P容器为一个块;

后面四句是CSS3中的样式定义方法；

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

分别定义p的上边距和下边距的数值是1倍字体高度，如10px像素的字，那么边距就为10px;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

上面二句则定义为左右边距都为0PX，这个应该好理解；

所以以上

p {

display: block;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

}

相当于CSS2.0中的

p {

display: block;

margin-top: 1em;

margin-bottom: 1em;

margin-right: 0px;

margin-left: 0px;

}

但由于CSS3.0要求浏览器版本较高，所以国内并没有流行CSS3.0样式，依然以CSS2.0为主流，但以后应该是CSS3.0的天下，因为它代表着先进性。

下面是讲下它的由来：

其实这就是W3C样的CSS3的一个定义P容器内容的样式：

“-webkit-margin-before”、“-webkit-margin-after”，“-webkit-margin-start”，“-webkit-margin-end”

这个是CSS3阶段提出的一个属性，现在甚至连草案都没进，目前只有webkit支持。

before、after、start、end是用在对文本的。比如说，中文和英文是从左到右，从上到下阅读的，那么，before = top， start = left，end = right，after = bottom。这叫做“writing-mode”，简单来说就是书写方式。

但是，日文的书写方式就不一样了，他们是从上至下，从右到左书写的。那么在这种write-mode下，before = right， start = top，end = bottom，after = left。

margin-before的用意就是，不论是哪种writing-mode，我们都可以设定“开始那边的边距”这样的内容，而不需要为了适应不同的writing-mode写几种margin。

关于writing-mode，w3c有详细的介绍，看完就懂了。

webkit指的是一种HTML排版引擎，作用就是把根据HTML和CSS的代码显示出页面。最初是Apple公司的一个开源项目，他们自家的浏览器Safari有用。之后Google也使用这个排版引擎加上自己的V8 Javascript引擎建立了一个开源的浏览器项目Chromium，并且利用这个项目只做了自家的浏览器Chrome。同时这两家在移动平台上的浏览器也是用Webkit内核的。因此，随着iOS和安卓移动终端的普及，用Webkit的浏览器也越来越多。而得益于Chromium引擎，在PC平台上也有很多Webkit浏览器，比如360呀，世界之窗呀，枫树浏览器呀，太阳花浏览器呀，搜狗浏览器呀，遨游3呀，猎豹浏览器呀。基本上说自己是双核，有什么极速模式的，都是用的Chromium。相对应的，微软的IE浏览器用的是Trident排版引擎，也就是常说的IE核心，火狐浏览器也有自己的Gecko排版引擎。

而Apple的iBooks同样也用了webkit作为排版引擎，所以iBooks和webkit内核的浏览器有很多相似之处。而Sigil这个编辑软件，用的则是Chromium，因此也是webkit内核的。看看Sigil的预览模式就知道它肯定是用的Chromium了。

在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。

为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。

比方说，Chrome 10是不认border-radius这种写法的，只能用webkit-border-radius，而Chrome12就能认了。于是在写CSS的时候，这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。

CMS和CSS一样吗？

不一样。CSS是样式，CMS是开源程序，简单理解，一套CMS里会有多个不同的CSS样式。

css样式表怎么学呀！难吗

您好，现在dreamweaver 很少用

原因：

1、 多余的代码很多。

2、自动化对于水平不提高要多打键盘。

一般编辑器用的是 Editplus , notepad 个人还是推荐用 Editplus

自己建网站要学。

1/ html

2/ css

3/ javascript

4/ mysql

5/ php

这么就完全可以自己建网站。

关于难度的话。

html + css 是容易看书完全可以自学。这两 背一背常用的(属性和值)英文单词就行。

不到一百个，其他的可以百度搜索。

javascript 还是比较看视频教程好理解些。新手看书学有点费力 :)

php的话 会javascript 就很容易。10天可以学会。函数比较相似 语法 差不多。

php 背一背常用的 string 和 array 函数 有时间经常看手册。这么难不到哪去。

php 最终是经验。代码怎么写也影响网站的速度。

最后难得就是mysql (数据库)

难的就是数据库设计。要键博客之类的网站的话也不是很难。

还有有时间的话 看一看

1、xml

2、jquery

3、ajax

这三个也经常使用 jquery 是javascript 的类。ajax是javascript 技术。

xml 这怎么说呢，一般跟flash 用。可是我用在网站存储缓存方面。

代码方面上面就说了

然后设计软件方面的话。

1/ photoshop 是 最基本中基本了。

2/ illustrator 矢量图，一般用在 制作小图标和人物，颜色清晰干净(个人很喜欢)

3/ flash 动画 一般用在 网站广告，菜单，和 图片展示 等。。要学的话跟action 一起学。

4/ 3ds max 这个看个人 想学的话就学吧。我是因为在公司有些客人要求 三围 图片和logo 才学的。

我现在上的公司是卖图片的。出售量最高的 是

1、illustrator

2、flash

3、photoshop

4、painter

5、...

6、....

illustrator 站 60%

有什么疑问可以追问。