css培训笔记 |ie8 css after

css id url，css怎么选中图片，css 表格向右对齐，css td div 高度100，css 单元格背景颜色，手机端css控制表格，ie8 css after css培训笔记 |ie8 css after

1. CSS基础

/* 在HTML中引入CSS */
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
/* CSS基本语法 */
选择器 {
属性1: 值1;
属性2: 值2;
}
/* CSS三种引入方式 */
/* 外部样式表 */
<link rel="stylesheet" type="text/css" href="style.css">
/* 内部样式表 */
<style>
选择器 {属性: 值;}
</style>
/* 内联样式 */
<p> 内容 </p>

2. CSS布局

/* 盒模型 */
box-sizing: content-box; /* 默认值，宽度不包含padding和border */
box-sizing: border-box; /* 宽度包含padding和border */
/* 定位 */
position: static; /* 默认值，元素在文档流中正常定位 */
position: relative; /* 相对定位，相对于原来的位置移动 */
position: absolute; /* 绝对定位，相对于父元素的位置移动 */
position: fixed; /* 固定定位，相对于浏览器窗口定位 */
/* 浮动 */
float: left; /* 向左浮动 */
float: right; /* 向右浮动 */
/* 清除浮动 */
.clearfix::after {
content: "";
clear: both;
display: block;
}

3. CSS选择器

/* 选择器分类 */
/* 元素选择器 */
p {}
/* 类选择器 */
.class {}
/* ID选择器 */
#id {}
/* 后代选择器 */
parent child {}
/* 子代选择器 */
parent > child {}
/* 多重选择器 */
selector1, selector2 {}
/* 伪类选择器 */
:link {}
:hover {}
:active {}
/* 伪元素选择器 */
::before {}
::after {}

以上是CSS培训笔记的部分内容，希望能对大家有所帮助。