沉沙
2019-05-15
来源 :
阅读 1409
评论 0
摘要:本篇文章探讨了HTML+CSS入门之css样式表学习笔记,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
本篇文章探讨了HTML+CSS入门之css样式表学习笔记,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。

<
css cascading style sheets层叠样式表
它能对网页的字体,背景,颜色和特殊效果以精确的控制,便于轻松的布局页面。css分为 类、标签,高级(也叫伪类)三种类型,css代码可以内嵌于一个html页面内,也可以独立成一个css文件,然后被html页面所引用
类 是可以应用于任何标签,是一种自定义的css类型,类的名字是以点开始的。
标签 是重新定义特定标签的外观,比如标题一,标题二,段落等
伪类 可以对某一个特定的对象做设置,比如一个表格,一张图片。伪类还可以同时设置多个标签,比如同时设置body,td,h1的属性。
内嵌到html的 标签css 代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title
>
<style type="text/css">
<!--
h1 {
font-size: 16px; \\设置字体大小
font-weight: bolder; \\设置字体加粗
color: #FF0000; \\设置字体颜色
text-align: center; \\设置居中
}
-->
</style>
</head>
内嵌到html的 类css 代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.example {
font-family: "宋体";
font-size: 12px;
font-weight: normal;
color: #000000;
}
-->
</style>
</head>
<body>
</body>
</html>
独立的css文件,包含标签和类和伪类的css文件代码文件名为 example.css:
example1 {
font-family: "宋体";
font-size: 12px;
font-weight: normal;
color: #000000;
}
.example2 {
font-family: "宋体";
font-size: 12px;
font-weight: normal;
text-transform: capitalize;
color: #999999;
}
body,td,h1 {
font-family: "宋体";
font-size: 16px;
color: #99FF00;
}
html调用css文件的两种方法,代码如下:
1、连接
<head>
<link href="example.css" rel="stylesheet" type="text/css" />
</head>
2、导入
<head>
<style type="text/css">
<!--
@import url("example.css");
-->
</style>
</head>
本文由职坐标整理发布,学习更多的相关知识,请关注职坐标IT知识库!
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了

请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号