资讯专栏INFORMATION COLUMN

css的再深入7(更新中···)

番茄西红柿 / 2361人阅读

摘要:宋体可以继承的属性有哪些宋体系列宋体系列宋体的值的问题宋体四个值的顺序是宋体左上宋体右上宋体右下宋体左下。宋体在宋体下宋体为负让元素居中,前提是知道元素的宽高。宋体如宋体正常状态宋体宋体设值时

1.transparent  透明的

2.placeholder  提示语

写页面

  1. 搞清结构层次,
  2. 保证模块化,让他们之间不能受到影响

(1) 元素性质

(2) 标准流

浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolutefixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级。

 

1.css可以继承的属性有哪些?

 

Font 系列 text系列 color line-height

 

2.border-radius的值的问题

 

   

 

 

四个值的顺序是 左上 右上 右下 左下。

 

3.white-space 规定段落中的文本换不换行 往往值是nowrap 不换行

4.Word-wrap 属性允许长的内容可以自动换行  属性值是 break-word 允许 默认是不允许

 

5.写三角形

  

宽高必须是0  效果如下:

 

6.margin对布局的影响  双飞翼布局 圣杯布局 ()

 

  margin是 外边距,属性值是数字 数字又分正负。

正数:margin20px

负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margin-top为负当前元素向上走

margin-bottom为负数后当前元素不动后面的元素向上走,margin-right为负数当前元素不动后面的元素向左走

 

 

注意的,margin为负会增大当前元素的宽(前提是当前元素没有设置width

 

 

场景

 

ul一个margin-right 就无形之中给ul加了20px宽度。

float

margin为负 也是我们常用的双飞翼,圣杯布局

中间自适应 两端固定

给元素margin-left为负当前元素向左走,margin-right为负后一个元素向左走会覆盖当前元素。

absolute

margin为负

让元素居中,前提是知道元素的宽高。

div{

Positionabsolute

Left50%

Top50%

Margin-left:-width/2;

Margin-top:-height/2

}

Margin为负无论在什么条件下都是释放自己的空间,如果自己的margin不够,就把自己的宽高贡献出去。

如:

1.正常状态

 

 

 

2.设margi值时   

  

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1697.html

相关文章

  • css的再深入6(更新···)

    摘要:宋体雪碧图宋体我们的宋体和宋体中有三个属性可以向服务器发送请求,宋体。宋体类型,客户端和服务器之间的暗号,根据拓展名而定。注内容包含图片和文字 background-position  雪碧图 我们的html和css中有三个属性可以向服务器发送请求,src href url。 overflow   (1) 值hidden 超出就隐藏   (2) 值scroll  出现滚动条   vis...

    Bowman_han 评论0 收藏0
  • css的再深入9(更新···)

    摘要:宋体二宋体浏览器浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。宋体每个浏览器都有自己的前缀,主要解决宋体中的兼容问题。宋体是弹性子元素在弹性容器中所占的份数。一 单位 1.px 就是一个基本的单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。 3.rem 也是一个单位,...

    yexiaobai 评论0 收藏0
  • CSS的再深入2(更新···)

    摘要:层叠行选不中的情况下,走继承性。继承性的权重为。选中情况下,首先需要考虑权重的问题,谁的权重大,就选谁的样式属性。如果权重相同,因为后者会覆盖前者,所以谁的样式属性在后面,就选择谁的样式属性。在上一章中,我们又引出了一个知识点: margin的问题 margin:0 auto;(上下为0,左右自适应)会解决元素的居中问题(auto 自适应)前提是给这个元素设置width 同时,我们又要学习新...

    enrecul101 评论0 收藏0
  • CSS的再深入3(更新···)

    摘要:而第一个依然存在,所以就会叠加。宋体行级加只要加了,这个元素就会脱离标准文档流行级元素加了,脱离了标准文档流,会变得块不像块,行不像行,能设置快高,能并排排列,则也不用给行级标签加了,没有意义。在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right;(左浮/右浮) ...

    RayKr 评论0 收藏0
  • CSS的再一次深入更新···)

    全面我们学了6个选择器,今天再来学习两个选择器,分别是通配符选择器和并集选择器: 1.通配符选择器:   *{ } 表示body里所有的标签都被选中 2.并集选择器: 选中的标签之间用逗号隔开,表示这几个标签都被选中 *选择器 有好处也有弊端 好处 就是省事,弊端,就是因为太省事了,加大了浏览器的负荷。 解决办法  按需选择。 再来学习几个列表标签 1.无序列表  ul   (1)内部必须有子标...

    Jackwoo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<