经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTMLCSS » CSS » 查看文章
css的再深入7(更新中···)
来源:cnblogs  作者:前端领域人才  时间:2018/10/17 8:48:13  对本文有异议

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值时   

  

 

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号