分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

Web--9月29日随笔

发布时间:2023-09-06 02:18责任编辑:沈小雨关键词:Web

一.补充小知识点

css可以继承的样式有:

Font系列,colo,text系列,line-height。

二.

white-space(规定段落中的文本换不换行,nowrap不换行)

word-wrap属性允许长的内容可以自动换行   ,属性值是break-word;

三.写三角形(宽高必须是0):

div{

width:0;

height:0;

border-top:5px solid transparent(透明的);

border-right:5px solid transparent(透明的);

border-bottom:5px solid blue;

border-left:5px solid transparent(透明的);

}

箭头面向右边就写左边框,面左就写有边框。箭头面向上边就写下边框,箭头面向下边就写上边框。

四.

margin对布局的影响  双飞翼布局 圣杯布局

 双飞翼布局:中间固定,两边auto(自适应);

圣杯布局:两边固定,中间auto(自适应);

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

正数:margin:20px;

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

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

注意的,margin为负会增大当前元素的宽(前提是当前元素没有设置width),在ul,li中,设置ul的margin-right:-20px;宽增加20px。

场景:

 后面两个元素上不去了,设置ul的margin-right的值为负数。

Web--9月29日随笔

原文地址:https://www.cnblogs.com/lovels/p/9726897.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved