一、今日学习内容
1.CSS的复合选择器
后代选择器:也叫做包含选择器,就是可以选择父元素里面的所有符合条件的子元素
子选择器:也叫做亲儿子选择器,会选择父级元素最近的一级子元素
并集选择器:可以选择多组标签,同时为他们定义相同的样式,通常用于集体声明,每组选择器之间用“,”隔开
伪类选择器:链接伪类:lvha focus伪类选择器(焦点伪类选择器):针对表单元素
2.CSS的元素显示模式
块级元素:h1-h6标签、p标签、div标签、ul标签、ol标签、li标签等等
p标签和h1-h6标签,内部不可以放div标签
行内元素:a标签、strong标签、b标签、em标签、i标签、del标签、span标签等等,span标签是典型的行内元素。
在a标签里要放其他的块级元素,最好给a标签转化为块级元素更安全
行内块元素:img标签、input标签、td标签等等
元素模式的转化:转为块级元素:display:block; 转化为行内元素:display:inline; 转化为行内块元素:display:inline-block;
文字的垂直居中: 文字的行高等于盒子的高度
3.css的背景属性:背景图片:background-image:url(图片地址); 默认是none
背景颜色:属性background-color 默认值是transparent(透明)
背景平铺: bacground-repeat 背景图片定位:background-position:x,y;
背景图片附着(滚动):background-attachment
属性值 scroll:默认值,背景图片随着屏幕滚动 fixed:背景不跟随屏幕滚动
背景复合写法:默认的复合写法的顺序:
background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
4.css三大特性
层叠性:就近原则 覆盖掉旧的样式 继承性:子承父业(文本颜色和字号)
权重是由四组数字组成的,但是不会有进位

二、今日遇到问题
1.ctrl+s之后如何自动格式化?
2.背景颜色半透明怎磨设置?
3.div设置了宽高,它的范围大小是多少?占一整行还是一行的一个小范围规定好的方块大小?
4.写购物车左右时候没理解盒子 设置
5. <a href="#">ninini</a>可以理解为是一个盒子吗? 有文本的盒子?
三、今日怎么解决
1.还没解决
2.background:rgba(0,0,0,0.3) 0.3或.3 0.3是参数:alpha透明度的意思 取值在0-1之间
3.感觉就是一个设置好的一行中的一个小范围方块
4.有一种思维解决了。
5.感觉可以那样理解。
1345问题未解决。
|