首页 > Web开发 > 详细

CSS

时间:2019-09-15 12:17:04      阅读:78      评论:0      收藏:0      [点我收藏+]

一、css概述:

CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。

二、首先考虑两个问题:

1、怎么找到标签(选择器)

2、如何操作标签对象(element)

三、css四种引入方式:

1、行内式:嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:

<div style="color: red;background-color: beige">hello yuan</div>

2、嵌入式:嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
color: rebeccapurple;
font-size: 40px;
}
a{
text-decoration: dashed;
}
</style>
</head>
3、链接式:将一个.css文件引入到HTML文件中
<link href="test1.css" rel="stylesheet">
4、导入式:将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中,使用的语法如下:
<style>
@import "test1.css";
</style>
四、css的选择器:“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素
1、基础选择器:
*:代表通用元素选择器,匹配任何元素
E:标签选择器,匹配所有使用E标签的元素
2、组合选择器:
E,F:多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
E F:后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
E > F :子元素选择器,匹配所有E元素的子元素F
E + F : 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F  
3、属性选择器:
4、伪类:

CSS

原文:https://www.cnblogs.com/zhang-da/p/11521579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!