p标签选择器
class类选择器
id选择器
*全局选择器
p,h2{ ;}复合选择器
快捷定义font:< div class=“title” > < img src=“标1.webp”/>< /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入门
|