CSS样式设计基础(一)

背景

    最近购买了服务器,目的是借此搭建一个属于自己的网站,而从达到锻炼自己有哪些领域哪些知识点还没掌握牢固。但是在搭建网站的时候对于选择开发语言,就我个人而言选择C#。但是对于前台页面CSS样式的掌握不太牢固,而自己因为着重于学习,所以并不想太快的通过现成的框架搭建页面。所以在此复习下CSS样式设计的基础。

首先谈下ID和类名

    html是简单的文档标签语言,而不是界面语言。可以通过添加ID或类名的方式给它们赋予额外的意义。如下面所示给其分配ID,从而自定义导航元素。

<ul id="nav">
   <li><a href="#">首页</li>
</ul>

  而一个ID名只能应用于一个元素,而同一个类名可以应用于页面上任意数量的元素。

    在分配ID和类名的时候,一定要尽可能保持名称有意义,与表现形式无关

        例:元素ID命名:nav_right,则希望出现在右边,但是若以后修改位置改成左边,则这个ID设置的就没有意义;类名同样如此,希望所有的错误消息以红色显示,也不要用red。而应该使用更有意义的命名如:error.

    类名和ID建议采用驼峰式大小写   

          小驼峰式:(little camel-case) 

           第一个单词首字母小写,后面其他单词首字母大写。

           For example: string firstName = string.Empty;

          大驼峰式:(big camel-case)

          每个单词的第一个字母都大写;

          For example:string FirstName = string.Empty;

    避免类的滥用

<h3 class="newsHead">新闻标题</h3>
<p class="newsText">新闻列表</p>
.....

  针对这种情况可以采用层叠识别新闻标题或文本

<div class="news">
  <h3>新闻标题</h3>
   <p>新闻列表</p>
 .....
</div>

  div是代表区块(division),它应该出现在没有现有元素能够实现的区域分割来使用div

CSS的起源

    CSS是由美国人哈坤提出来,于1994年第一次提出了CSS的建议,95年再次提出建议。96年12月,CSS1.0版本起草发布,并公布发行。98年5月,发布CSS2.0版本。 2004年 CSS2.1发布。。。

为什么要学习CSS

    1.避免使用不必要的标签和属性

    2.更有效的控制页面结构和布局

    3.提高网站的开发和维护效率

CSS基本语法

    CSS代码可以放在

           1.html文档的<style>标签内

           2.网页标签的style属性中

   推荐第一种,通过<link>标签或者@import命令导入网页文档

    CSS基本语法:

Selector{Property:value;}

  感谢您的阅读,如果您对我的博客所讲述的内容有兴趣,那不妨点个推荐吧,谢谢支持:-O。

    

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。