今天小编跟大家讲解下有关CSS 学习心得 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS 学习心得 的相关资料，希望小伙伴们看了有所帮助。
一直以来从事web开发方面的工作 做过很多项目 也做过无数的日常开发 但自己只专注于需求的理解和系统设计方面 而对web页面的展现很少关注 在遇到页面问题时 往往都会交给UED部门的同事去处理 长此以往 自己也产生了惰性 不论页面的问题大小都统统交给他们解决 这样不仅影响了自己的工作效率 还给UED的同事带去不少麻烦 正好这几天工作不是很紧张 在http://www.w3school.com.cn/index.html网站上浏览了一些关于CSS的资料 感觉CSS比我想象中的要简单多啦 再配合firefox强大的插件firebug来调试 一切都变得非常简单。 插入样式表的方法有三种： 外部样式表： <link rel="stylesheet" type="text/css" href="mystyle.css" /> 内部样式表： <head> <style type="text/css"> hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} </style> </head> 内联样式： <p style="color: sienna; margin-left: 20px"> This is a paragraph </p> 他们的优先级分别是由低到高 当三种样式同时存在时 内联样式的优先级最高。 CSS 语法通常有以下几种表现形式： 选择器、属性和值：selector {property: value} 如果值为若干单词 则要给值加引号,如： p { text-align: center; color: black; font-family: arial; } 我们对所有的标题元素进行了分组 如： h1,h2,h2,h3,h5,h6 { color: green; } 我们也可以通过派生选择器来限定样式的作用范围 如： li strong { font-style: italic; font-weight: normal; } 他的作用范围就是:<strong>标签被包含在<li>标签中的时候 样式才起作用 id 选择器： 用#定义样式 如： #red {color:red;} #green {color:green;} 在页面中作为ID引用 <p id="red"> 这个段落是红色。 </p> <p id="green"> 这个段落是绿色。 </p> 还有诸如一下的几种形式： #sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; } div#sidebar { border: 1px dotted #000; padding: 10px; } 在 CSS 中 类选择器以一个点号显示： .center {text-align: center} 如： <h1 class="center"> This heading will be center-aligned </h1> 还可以结合派生器来使用： .fancy td { color: #f60; background: #666; } td.fancy { color: #f60; background: #666; } http://www.w3school.com.cn/index.html网站上有详细的讲解 就当作字典吧 要用到的时候可以去参考一下 哈哈来源：爱蒂网
