SEO培训_网站优化培训_百度关键词排名_海瑶SEO学堂

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 471|回复: 0

厦门网站建设

[复制链接]

567

主题

577

帖子

6587

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6587
QQ
发表于 2015-1-22 20:45:21 | 显示全部楼层 |阅读模式
厦门网站建设教程免费学习vip课程

    注:向管理员索取视频密码
厦门网页制作VIP教程 - css基础语法讲解
一.CSS 层叠样式表 (Cascading Style Sheets)
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明

选择器:  通常是您需要改变样式的HTML元素

h1 {width:300px;height:100px;color:red; font-size:14px;}如下图

2.png

二.css 值的不同写法和单位
除了英文单词 red,还可以使用十六进制的颜色值 #ff0000


<1> 十六进制颜色值:

        p { color: #ff0000; }

<2> 为了节约字节,我们可以使用 CSS 的缩写形式

        p { color: #f00 }

<3> 英文单词 red:

        p { color: red; }


三.css样式 - 空格和大小写
大多数样式表包含不止一条规则,而大多数规则包含不止一个声明

body {
  color: #000;
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: 微软雅黑, Palatino, serif;
}


四.css样式 - 选择器的分组
对选择器进行分组,用逗号将需要分组的选择器分开


h1,h2,h3,h4,h5,h6 {

          color : green;

}


五.css样式 - CSS注释语法
CSS注释


CSS注释的开始使用/* , 结束使用*/

/* 注释内容 */


/* 文章标题注释 */
h1{color:red;font-size:12px;}


六.css样式 - CSS 类选择器
在 CSS 中,类选择器以一个点号显示

.center {text-align: center}

.str{color:red;font-size:12px;}


h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则

<h1 class="center">文章的标题</h1>

<p class="center">这是段落的标签</p>


七.css样式 - id 选择器
id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

id 选择器以 "#" 来定义

例: 两个 id 选择器

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

注意: id 属性只能在每个 HTML 文档中出现一次。


id 选择器和派生选择器

在现代布局中,id 选择器常常用于建立派生选择器


八.css样式 -  内嵌样式
内嵌样式

<!--内嵌样式-->
<style type="text/css">
.top{width:985px;height:260px;background:#FFCC66;}
.center{width:985px;height:1000px;background:#CCCC33;}
.center_lianxi{width:985px;height:50px;background:#FF6666;}
.center_left{width:700px;height:950px;background:green;float:left;}
.center_right{width:280px;height:950px;background:#CC99FF;}
.bottom{width:985px;height:100px;background:red;}
</style>


九.css样式 - 外部引入到样式
从外部引入到样式分为两种:(注意写在head标签里面)  


Link样式表式:  <link rel=”stylesheet” type=”text/css” href=”my.css”(href表示路径)>   


Html式:  <style type="text/css">@import url("css.css");></style>


十.css样式 -  行内样式
行内样式
<!--以style="css样式"-->
<div style="color:red;font-size:12px;"></div>

<div style="color:red;font-size:12px;"></div>


css样式 -  应用
应用:
        <1> css语法;

        <2> css 值的不同写法和单位;

        <3> 空格和大小写;

        <4> 选择器的分组;

        <5> CSS注释语法;

        <6> CSS 类选择器

        <7> id 选择器

        <8>内嵌样式

        <9>外部引入到样式

        <10> 行内样式



转载文章请注明:SEO培训教程

本文地址:SEO培训http://seo.cao4.net/thread-47-1-1.html

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免费诊断网站
在线咨询
咨询热线
15859578444
微信扫一扫
直接访问本页内容

QQ|手机版|小黑屋|SEO学堂

GMT+8, 2017-10-18 00:53 , Processed in 0.274550 second(s), 36 queries .

Powered by SEO教程 X3.2 SEO培训 网站优化排名 网站优化①群:434931228 百度快速排名②群:199706487 本站业务:百度SEO培训,关键词排名服务,网站降权诊断,SEO教程视频分享

© 2001-2013 海瑶SEO学堂

快速回复 返回顶部 返回列表