p标签选择器

 

　　class类选择器

 

　　id选择器

 

　　*全局选择器

 

　　p，h2{ ；}复合选择器

 

　　快捷定义font:< div class=“title” > < img src=“标1.png”/>< /div>;

 

　　阴影效果：text-align:shadow:0.1em 2px 6px red;

 

　　字间距：letter-spacing:10px;

 

　　单词间距：word-spacing:10px;（只对英文单词使用 中文空格）

 

　　对齐方式：水平：text-align; 垂直：vertical-align;

 

　　新建图片到桌面方便操作

 

　　“路径选择”（src后面最好能敲回车方便很多）

 

　　用css定义img{

 

　　max-width:100px;

 

　　宽

 

　　max-height:100px;

 

　　高

 

　　float:left;

 

　　浮动

 

　　padding:10px;

 

　　环绕间距

 

　　（顺时针top right bottom left）（float>padding）

 

　　（这里是类似报纸排版的简单插入图片）

 

　　还有我们最常用的ul、ol、span…各种标签选择器各有特色，html5的< embed src=“2_1.mp4” type="">还能插入音频视频，如果是正常src插入最多也就是个gif动态图

 

　　这里说明下颜色的设置

 

　　background-color是区域填充的颜色

 

　　color是文字的颜色（超链接的话就用复合选择器的标签定义链接文字）

 

　　opacity可以定义颜色或图片的不透明度

 

　　color：rgba（0，0，0，0.5）定义不透明度可以查找html代码颜色表

 

　　这里说明下字体样式

 

　　软件不识别汉字就需要用英文

 

　　属性不懂就找度娘CSS代码参考

 

　　如果你是小白这绝对可以让你css入门