过年中间就没有学了,现在继续开始努力
CSS基础
<html>
<head>
<title>CSS学习</title>
<!-- 嵌入样式表 -->
<style>
/* 这里面放置css语句 */
/*
示例:
样式选择器{
属性1:值1;
属性2:值2;
}
*/
/*
对整个页面的标签都有效
*/
p{
background-color:black;
}
</style>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<!-- 任何一个标签都有 id class style name 四个属性 -->
<!-- css 语法 -->
<!-- 1.格式 属性1:值1;属性2:值2;... -->
<!-- 2.单位 2.1 颜色 #RGB red rgb(123,12,123) -->
<!-- 2.2 大小 em px pt % pc cm mm in -->
<!-- 3 注释 /* */ 注释不可以嵌套 -->
<!-- css 设置的四种方式 -->
<!-- 内联样式表 在HTML元素标签中使用style属性内联-->
<!-- 嵌入样式表 -->
<!-- 外部样式表 -->
<!-- 当多个文档使用同样的样式的时候使用。将样式单独定义在一个后缀名为.css 的文档中,并在HTML中通过link元素链接到HTML中使用-->
<!-- 输入样式表 -->
<!-- 可以将一个样式文件输入到另外一个样式库文件中,或者将一个样式文件输入到<style>中 -->
<!-- @import url(css文件) -->
<!-- 优先级 内联的高于其他的 其他的和加载的顺序有关,显示后面加载的-->
<!-- 内联样式表 -->
<p style="color:green;background-color:yellow;text-align:center;border:5px solid red;font-size:4cm"> 测试段落1 </p>
<p> 测试段落2 </p>
</body>
</html>
css/layout.css
p{
font-size:30px;
background-color:grey;
color:green;
text-align:right;
border:3px black solid;
}