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