3.CSS技术
3.1 CSS简介
CSS是层叠样式表单，用于增强控制网页样式，并允许将 样式与网页内容分离的一种标记性语言。
3.2 CSS语法规则
选择器：浏览器根据选择器决定受CCS样式影响的HTML元素（标签）
属性：需要改变的样式名，属性与值用冒号"：“隔开，并用花括号”{}"包围；
若定义不止一个声明，则需要用分号将每个声明分开。
3.3 HTML结合CSS
3.3.1 第一种：加键值对
在标签的style属性上设置键值对
<td style = "border: 1px solid #ff0000">用户名：</td>
3.3.2 第二种：在head标签中定义需要的css格式
注：head标签下语言为CSS语言，不是HTML语言！
注：在head标签下，修改后，所有的标签都会改变。
注：在单个标签设置的样式优先级更高！
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
td{border: 1px solid red}
</style>
</head>
3.3.3 第三种：将css样式写成单独的css文件
link标签可以引入css样式文件
<link rel="stylesheet" type="text/css" href="src/1.css">
3.4 CSS选择器
3.4.1 标签名选择器
标签名选择器格式：
标签名{
属性：属性值；
}
可以确定哪些标签使用这些样式
3.4.2 id选择器
注：id 不受标签名的影响，可以跨标签名进行同类设置
id选择器格式：
#id 属性值{
属性：属性值；
}
3.4.3 class选择器
class选择器格式：
.class 属性值{
属性：属性值；
}
3.4.4 id选择器与class选择器的使用
摘自 @theusProme CSS ID选择器与类选择器的区别
id选择器与class选择器类似，也都可以任意使用。
但是id选择器原则上，只能使用一次，而class不限制使用次数。
工程上，
id选择器留给写js的人用
class选择器用来写css
3.4.5 组合选择器
组合选择器的格式：
选择器 1，选择器 2，… ，{
属性：属性值；
}
可以让多个选择器共享一个格式
扫一扫
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
