牛腩新闻发布系统之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的一点皮毛。关于这部分的内容还在继续学习。先贴出自己设计出的一张网页,供大家参考吧。