没有合适的资源?快使用搜索试试~ 我知道了~
css使用方法.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 35 浏览量
2022-11-19
13:50:07
上传
评论
收藏 1.39MB PDF 举报
温馨提示
试读
35页
。。。
资源推荐
资源详情
资源评论
文件类型: 培训文档
17
编写人员:
CSS 使用说明文档
编写时间: 2009。7。
变更记录
变更日期 变更内容 变更章节 提出人 确认人 变更人
编写目的
介绍 css 的使用方法,使大家对 css 样式表有个深入的理解。可做为 css 部分
培训学习的文档试用。
名词解释
css:又叫即层叠样式表, 布局与美化网页的。
CSS 语法及示例
css 即层叠样式表, 布局与美化网页的。
CSS 语法非常简单,组成 CSS 语法的元素只有 CSS 选择符与 CSS 属性。
每个 CSS 选择符由 1 个或多个 CSS 属性组成.
CSS 是大小写不敏感的,在 CSS 语法中推荐使用小写.
1.外部引用 CSS
〈head〉
/〉
</head>
〈head〉
</head>
<style type="text/css"〉@import url(http://www。dreamdu.com/style。css);</style〉
〈link rel="stylesheet" type=”text/css" href="http://www。dreamdu。com/style.css”
2.内部引用 CSS
可以使用 style 标签直接把 CSS 文件中的内容加载到 HTML 文档内部.
示例
<style type="text/css">〈![CDATA[
/* -—--—----—文字样式开始---—---——— */
/* 梦之都白色 12 象素文字 */
。dreamduwhite12px
{
}
/* 梦之都黑色 16 象素文字 */
。dreamdublack16px
{
}
/* ——----———-文字样式结束——-——-———- */
]]〉〈/style>
color:black;
font-size:16px;
color:white;
font—size:12px;
3.内联引用 CSS
内联引用可以把 CSS 样式直接作用在 HTML 标签中。
示例
<p style=”font—size: 10px; color: #FFFFFF;">
</p>
使用 CSS 内联引用表现段落。
4。CSS 选择符
CSS 选择符就是 CSS 样式的名字,当在 HTML 文档中表现一个 CSS 样式的时
候,就要用到一个 CSS.怎么用呢?这时就通过 CSS 选择符(CSS 的名字)来指定
此 HTML 标签使用此 CSS 样式.
选择符语法
选择符名字
{
声明;
}
一个 CSS 选择符就定义了一个样式
比如下面这三个例子
p
{
}
.dreamdublue
{
}
。dreamdu18px
{
}
#dreamdured
{
}
color:red;
font-size:18px;
color:blue;
font-size:12px;
dreamdublue 和 dreamdured 都是 CSS 的选择符,也就是 CSS 的名字.
选择符取名规则
CSS 选择符可以使用英文字母的大写与小写,数字,连字号,下划线,冒号,句
号.
英文字母大写与小写 A-Z a-z 数字 0—9 连字号 — 下划线 _ 冒号 :
句号 。 提示: CSS 选择符只能以字母开头。
常用的三种选择符
xhtml 标签选择符,比如 p 标签选择符(代表所有的段落都使用这个 CSS 样
式),比如 p{font—size:12px;}
id 选择符,唯一性选择符,比如 #dreamdured{color:red;},就是在名字
前增加了一个#,id 选择符在一个页面中只能出现一次 ,在整个网站中也最好出现
一次(这样有利于程序员控制此元素,有多个一样名称的元素,就无法分开不好控
制了)。
class 选择符,多重选择符,比如。dreamdublue{color:blue;},就是在名字
前增加了一个.,class 选择符在一个页面中可以出现多次(注意下面的示例中 class
选择符的用法).
示例
<p〉梦之都 xhtml 标签选择符</p>
〈p id=”dreamdured"〉梦之都 id 选择符</p〉
<p class="dreamdublue"〉梦之都 class 选择符</p>
<p class=”dreamdublue dreamdu18px”〉梦之都 class 选择符 2,出现了多次。
</p〉
一个 p 元素使用了两个 class 选择符,他们之间用空格分开,而且 class 选择符可以
在一个页面出现多次。
5.CSS 声明
CSS 声明是由"属性”,"冒号(:)”,”属性值"和"分号(;)"组成的。
语法:属性:属性值;
示例
font—size:12px;
font-size 代表字体大小。
12px 字体大小的值.
下面介绍两个常用的技巧
1,选择符的名字一样,声明是可以组合的
例如:
选择符名字
{
声明 1;
}
选择符名字
{
声明 2;
}
选择符名字
{
声明 3;
}
可以组合为:
选择符名字
{
声明 1;
声明 2;
声明 3;
}
示例
div
{
}
div
{
}
font—size:12px;
color:black;
与下面的是等价的
div
{
}
color:black;
font-size:12px;
2,声明全部一样,选择符的名字也可以组合
选择符名字 1
{
声明 1;
声明 2;
}
选择符名字 2
{
声明 1;
声明 2;
}
选择符名字 3
{
声明 1;
声明 2;
}
可以组合为:
选择符名字 1,选择符名字 2,选择符名字 3
{
声明 1;
声明 2;
剩余34页未读,继续阅读
资源评论
春哥111
- 粉丝: 1w+
- 资源: 5万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于AVR单片机的伺服电机系统研究
- Lab-Electronic Craft Practicum-2-Simulation of a Single Tube Com
- 贪吃蛇基于TypeScript
- CS-CP1-2C3WF固件
- 软件测试测试用例设计方法大全
- 计算机与网络基础知识要点学习
- 移动通信(RC-YDTX-III)实验指导书
- [Vadass (Oltlo)]Cheating Wife Honoka ~Caught Red-Handed Edition~ [Chinese] [Colorized].jpg
- 1_9如果没有李白.zip
- 知识蒸馏-基于Tensorflow实现的无数据知识蒸馏-附项目源码+流程教程-优质项目分享.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功