网页制作

CSS 学习心得
网页制作 2024/11/15 佚名
3 2
一直以来从事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网站上有详细的讲解，就当作字典吧，要用到的时候可以去参考一下，哈哈
标签：
CSS,学习心得
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com

评论“CSS 学习心得”

暂无“CSS 学习心得”评论...
www.zgmyg.com 岱庙资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
岱庙资源网 Copyright www.zgmyg.com