html/css——注意事项

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

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

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;

转载于:https://www.cnblogs.com/wsj2000/p/10329991.html

html/css——注意事项相关推荐

【原】webpack--loaders，主要解释为什么需要loaders和注意事项
Why需要loaders? webpack开箱即用只支持JS和JSON两种文件类型,但是比如css.less,还有目前市场上比较新的语法糖jsx,怎么处理呢? 通过Loaders去支持其他文件类型并且 ...
div+css+jquery仿写HTML京东首页的练习及一些关于oo css的总结
整个工程: https://download.csdn.net/download/weixin_43388844/10864383 前言前几天看b站上极客学院的web前端开发第二部分时了解到OO C ...
HTML+CSS提升小实战
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html ...
HTML+CSS实战提升
1 <html>2 <head>3 <meta http-equiv="Content-Type" content="text/html; ...
w3c h5 + css + js笔记
公司电脑:/Users/yangyangzi/Desktop/YangZi2/2019前端/h5+css+js 「 1. js基础/css基础/html基础 w3school https://www. ...
java web开发初学_2018年学习Web开发的绝对初学者指南
java web开发初学 This post was originally published on Coder-Coder.com. 该帖子最初发布在Coder-Coder.com上 . If yo ...
php对话框制作,织梦系统“提示窗口对话框类”详解，oxwindow.class.php、catalog_do.php...
如果对织梦系统做过二次开发或学深入研究过的话,一定会知道在我们做织梦二次开发时,一般会把php文件以及对应的模板文件起的名字,除了扩展名外,其它都一样,这是织梦文件起名的一个特点.例如,index_b ...
vue如何使用原生js写动画效果_Vue中的动画效果
Vue 在插入.更新或者移除 DOM 时,提供多种不同方式的应用过渡效果. 包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css ...
web页面加载、解析、渲染过程
对web项目进行优化首先得知道浏览器是怎么工作的这里推荐 how browsers work 中文版: 一.浏览器浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示 ...

html/css——注意事项

html/css——注意事项相关推荐

最新文章

热门文章