css基本定义属性大全

※CSS基本属性：

基础 选择器	标签选择器 标签名{   } 类选择器   .类名{    } ID选择器  #类名{   } 与js搭配 通配符选择器 *{ margin:0; padding:0}
字体系列	font-family: ’微软雅黑’;
字体大小	font-size:10px;
字体粗细	font-weight:700;(加粗)     400;(不加粗)
字体样式	font-style:normal;(正常)    italic;(倾斜)
字体 复合属性	font= font-style+font-weight+font-size+line-weight+font-family; Eg：italic  700  40px   ‘黑体’;
文本颜色	color:red;
对齐方式	text-align:center;
装饰文本	text-decoration:none;   underline;
文本 缩进2字符	text-indent:2em;
行间距	line-weight:26px;
css三种样式表：行内样式表（行内式）；内部样式表（嵌入式）；外部样式表（链接式）
·外部样式表需要此行代码：<link rel=”stylesheet” href=”css文件路径”>
Emmet语法可以快速生成HTML结构语法、CSS样式语法
快速生成格式化代码快捷键shift+alt+F
复合选择器	后代选择器 元素1 元素2{  } （元素2是元素1的后代） 子选择器    元素1>元素2{   } 并集选择器  元素1，元素2{   } 伪类选择器： （为了确保生效，按顺序写） a:link（未访问链接）        a:visited（已访问链接） a:hover（鼠标位于其上的链接） a:active（鼠标按下未弹起的链接）
<div class="nav">        <ul>     <li><a href="#">百度</a></li>     <li><a href="#">百度</a></li>        </ul> <div> 应改为.nav ul li a{color:red;}
获得焦点（光标），更改输入框中的样式： input:focus{  eg:background-color:yellow; color:red; }
元素显示模式转换：  转换为块元素：display:block; (例如a元素属于行内元素，不拥有宽度和高度，则应该转换为块级元素，css中写入display:block;) 转换为行内元素：display:inline;  (用在块级元素中是无效的) 转换为行内块元素：display:inline-block; (例如span元素属于行内元素，不拥有宽度和高度，则应该转换为行内块元素，css中写入display:inline-block;)
snipaste小工具的使用：截图、图片桌面置顶、取色
单行文字垂直居中的代码： 让文字的行高等于盒子的行高。
css背景颜色：background-color:red;（默认transparent）  css背景图片：background-image:none/url() css背景平铺：background-repeat:repeat/no-repeat/repeat-x/repeat-y; 背景图片位置：background-position:x,y   (top/center/left/right,不写默认居中对齐)(20px，不写默认垂直居中)
背景图像固定:background-attachment:scroll/fixed
背景复合写法：background (背景颜色、图片地址、背景平铺、背景图像滚动、背景图片位置)
背景色半透明：background:rgba(0,0,0,.3)   半透明黑色