首页 > 代码库 > 牛腩新闻发布系统之CSS和HTML

牛腩新闻发布系统之CSS和HTML

牛腩新闻发布系统前台和后台的设计正在进行中,是停下来做一下总结的时候了。在敲这个系统的时候虽然用的语言和机房收费不太一样,但是共同点还是非常的多的。终于明白天下的语言都是一样的。这次我想对CSS和HTML进行一下总结为后面更好的学习做好铺垫。

CSS:

 特点:实现网页内容与样式的分离

 Css选择器优先级:ID选择器>类选择>HTML选择器

 Css核心内容:标准流,盒子模型,盒子之间的浮动,定位等。

Css称为级联样式表。在牛腩新闻发布系统的前台设计中,懂得了id选择器和class选择器

id 选择器

id 选择器可以为标有特定 id  HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS  id 选择器以 "#" 来定义。

class 选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示 CSS 中,类选择器以一个点"."号显示

HTML:

超文本标记语言,HTML文本室友HTML命令组成的描述性文本,HTML命令可以说明文字,图形,动画,声音,表格,链接等。HTML的结构包括头部(Head),主体(Body)两大部分。头部描述浏览器所需的信息,主题包括要说明的具体内容。

根据自己的理解,HTML的内容是在网站呈现出来的,而CSS的功能就是用来编辑网站的那些语句,关于网站的部署和设计都会在CSS语句中写出来。米老师说过,知识要用来对比。仿佛就像我们的机房收费一下。HTML就像我们的用户窗体,后台的代码就像CSS语句的编写。

通过设计牛腩新闻发布系统,初步了解到了关于CSS和HTML的一点皮毛。关于这部分的内容还在继续学习。先贴出自己设计出的一张网页,供大家参考吧。