A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

css优势
1.内容与表现分离;
2.表现统一;
3.容易修改、页面布局灵活;
4.节省带宽、利于网页被搜索引擎收录。

选择器类型
1.标签选择器
标签选择器是直接使用标签的名字进行命名。
例如,h1标签在css中直接写为h1{属性:值;}来设置样式。
2.类选择器
类选择器就是使用class调用的一种选择器,使用类选择器之前需要将html文档中加样式的标签用class来起一个名字。
例如,< h1 class=“title”>我是标题一< /h1>,在css为之设置样式时书写格式为.title{属性:值;}来设置样式。
注:1.使用类选择器必须使用“.”加名字来调用!
2.类选择器是可重复使用!
3.ID选择器
ID选择器是使用ID调用的一种选择器,使用ID选择器也需要给html文档的标签起一个名字。
例如,< h1 id=“text”>我是文本< /h1>,在css为之设置样式时的书写格式为#text{属性:值;}来设置样式。
注:1.ID选择器必须使用“#”加名字来调用!
2.ID选择器是唯一的,一个网页中ID选择器的名字是不可重复的!

css写样式的三种方法
1.行内样式
行内样式是在标签中直接给予标签属性和值。
< h1 style=“color:red;”>我是标题< /h1>
则该标题的字体颜色设置为红色。
2.内部样式
内部样式是在文档头部加上< style>< /style>标签在里面设置样式即可。
< head>
< style>
h1{
color:red;
}
< /style>       
< /head>
< body>
< h1>我是标题< /h1>
< /body>
3.外部样式
外部样式是通过html文档与css文件链接的方式进行样式的设置。
链接代码为:**<link rel=“stylesheet” href="css文件的路径”/>**将这串代码写入头部< head>< /head>标签里面即可。

css样式的原则
1.行内样式>内部样式>外部样式
2.ID选择器>类选择器>标签选择器


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马