前端设计>css>正文
CSS对于网页制作而言就相当于房屋中装修的作用一样,能够熟练的使用CSS可以使我们制作出来的网页更加美观。
一.标签选择器
h1 {width:300px;height:100px;color:red; font-size:14px;}
二.ID选择器
#banner{width:950px;height:450px;border:1px solid red;color:red;}
<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>
三.Class(类)选择器
.content{width:950px;height:450px;border:1px solid red;}
Class选择器于ID选择器的区别:Class选择器可以存在多次,重复使用,而ID不能。
选择器的分组选择
h1,h2,h3,h4,h5,h6 {
color : red;
}
注:表示h1到h6标签的颜色都是红色。
CSS注释
/* 注释内容 */
四.CSS几种链接链接样式
1.内嵌样式
<style type="text/css">
.top{width:985px;height:260px;background:#FFCC66;}
</style>
2.Link样式表式
<link rel=”stylesheet” type=”text/css” href=”my.css”>
3.Html式
<style type="text/css">@import url("css.css");></style>
4.行内样式
<div "color:red;font-size:12px;"></div>
本文链接:https://www.weguiding.com/css/220.html
- 上一篇:html去除表格边框空隙
- 下一篇:块元素水平垂直居中(CSS控制)
猜你喜欢
- 19-06-12 文章内容页图片显示优化居中处理
- 19-05-30 CSS3水纹效果的示例代码
- 19-05-20 手机站做自适应页面要注意的问题
- 19-05-18 纯css实现导航处hot小图标实现
- 19-01-27 纯html+css的下拉导航动画效果
- 19-01-24 DIV边框样式控制设置
- 19-01-24 块元素水平垂直居中(CSS控制)
- 19-01-24 CSS基本语法
- 19-01-24 html去除表格边框空隙
- 01-24html去除表格边框空隙
- 01-24CSS样式:字体、表格
- 01-24屏蔽网页元素内联样式,提高外联优先级
- 06-12文章内容页图片显示优化居中处理
- 01-27纯html+css的下拉导航动画效果
- 01-24网页字体样式选择调整
- 01-24文章内容页图片显示优化,图片居中处理
- 05-30CSS3水纹效果的示例代码
- 05-20手机站做自适应页面要注意的问题
- 05-18纯css实现导航处hot小图标实现
- 01-27纯html+css的下拉导航动画效果
- 01-24DIV边框样式控制设置
- 01-24块元素水平垂直居中(CSS控制)
- 01-24CSS基本语法
- 05-18纯css实现导航处hot小图标实现
- 05-20手机站做自适应页面要注意的问题
- 05-30CSS3水纹效果的示例代码
- 06-12文章内容页图片显示优化居中处理