分享web开发知识

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

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

html/css——注意事项

发布时间:2023-09-06 02:31责任编辑:白小东关键词:暂无标签

font系列:
font-size
font-weight
font-family
font-style
line-height

复合写法:font:italic bolder 24px/40px ‘宋体‘

text系列:
text-align: right|left|center;
text-indent: 2em;首行缩进 ?em???
text-decoration: underline|overline|line-through
letter-spacing:;
world-spacing:;
vertical-align: top|bottom|middle; 基线对齐
color:;

em单位补充:
em是一个相对值,相对的是直接父级字体大小的倍数

rem相对单位

行内标签的特性:
1.共处一行
2.不能设置宽高
3.对上下外边距,内边距失效
4.会后面的空格都翻译成一个空格大小

强行转为块元素的方法:
display:block;
float:left;
position:absolute;

盒模型中会渲染背景色的属性:
内容区(width,height)
padding:内边距
border:边框线

上下外边距的传递性:
当元素的父辈中没有定位,浮动,边框线,内边距属性时,子元素的上下外边距会逐层传递给祖辈。
上下外边距的重叠性:
当上下相邻的两格元素都有上下外边距时,大值会覆盖小值。

浮动的特性:
1.强制转为块元素
2.脱离文档流
3.文本环绕
4.会使父级的默认高度丢失
5.会使浮动元素的默认宽度丢失

清除浮动的影响:
1.给浮动元素相邻的受浮动影响的元素加clear:both;注意:clear:both只能对块元素使用
2.父级中添加overflow:hidden;
3.给父级设置高度较为死板
4.float可以清除浮动影响针对特定场景
5.:after{伪类清除
content:"",
display:block;
clear:both;
}

a超链接的作用:
1.跳转页面
2.下载
3.锚点功能

1 ?margin:...px auto;
??2 ?position:absolute;——绝对定位,父级相对定位
??3 ?position:absolute;
??上下左右全部为零,margin: auto;
??

html/css——注意事项

原文地址:https://www.cnblogs.com/wsj2000/p/10329991.html

知识推荐

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