因为慕白不更新我就替他更新了吧本期讲一下css的基本选择器和一些属性包括外联内部和嵌入式的用法html看我以往的帖子css慕白也是讲了一点在评论区里js呢请关注技术宅妞咱们也是开始讲课了1.外部式:单独创建一个css文件并使用link标签在head中连接css文档2.嵌入式:在HTML内部head中使用style双标签中来书写css属性3.内联式:使用style属性写在标签后使用中尽量使用外部式一·选择器选择器{ 属性:属性值;}基本选择器 统配选择权 *{属性:属性值;} 标签选择器 普通html标签{属性:属性值;} 类选择器 .随便英文字母{属性:属性值;} 使用class添加到标签中 id选择器 #随便英文字母{属性:属性值;} 使用id添加到标签中关系选择权 后代选择器
div p{属性:属性值;} 子代选择器
div>div{属性:属性值;} 兄弟选择器
兄弟
兄弟
div~div{属性:属性值} 紧邻选择器
紧邻
紧邻
div+p{属性:属性值;} 只会向下找紧挨着的 这是基本经常使用的选择器以及镶入式等的使用方法还有属性选择器和伪类选择器就不讲了那么接下来讲一些文字属性和背景属性咱们这一期就结束了文字 color:文字颜色 取值:英文单词或十六进制或 三元色rgb(0~255,0~255,0~255);rgba(0~255,0~255,0~255,0-1); a代表透明度 font-size:指定文本的字体大小 数字越大字体越大 单位px font-family:指定字体样式 电脑中所拥有的字体 font-weight:设置字体加粗 取值100、200、300、...900 不用单位 标签属性 width:设置宽度 height:设置高度 背景 backdround-color: 背景颜色 background-image:url("位置");背景图片 background-position:背景图像起始位置 center:居中 left:左边 right:右边 top:上 bottom:底部 background-repeat:背景图像平铺方式或重复 no-repeat:不平铺 设置背景必须要有宽和高,行标签没有宽和高 background-size: ; 设置背景大小 单位可以是%|px 注意:不是说需要那个标签就添加那个标签ok咱们这一期也是结束了