![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTMLCSS
html以及css一些细碎知识点
Hao-1997
这个作者很懒,什么都没留下…
展开
-
link和import的区别
(1)link是HTML标签,@import属于CSS语句,(2)link在页面加载的同时会进行加载,@import在页面加载完毕后加载,(3)link由于是HTML标签所以没有兼容问题,@import不兼容IE5以下版本,(4)link可以通过JS操作DOM动态引入样式表改变样式而@import不行。...原创 2020-10-12 20:05:07 · 80 阅读 · 0 评论 -
flex布局中的对齐方式区分
justify-content属性:justify-content属性定义了项目在主轴上的对齐方式.box {justify-content : flex-start | flex-end | center | space-between | space-around;}align-items属性align-items属性定义项目在交叉轴上如何对齐.box {align-items : flex-start | flex-end | center | baseline | atretc转载 2020-07-29 20:58:26 · 727 阅读 · 0 评论 -
BFC规范
一、BFC规范:BFC即Block Formatting Contexts(块级格式化上下文)。具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素bu’hui在布局上影响到外面的元素,并且BFC具有普通元素所没有的一些特性。二、触发BFC规范的条件:1.浮动元素:float除none以外的值2.绝对定位元素:position(absolute、fixed)3.display 为 inline-block、table-cells、flex4.overflow除了visible以外的值(原创 2020-07-19 20:42:43 · 1621 阅读 · 0 评论 -
3像素问题
问题现象:当我们将一张图片放入div容器中,图片与div底部会有一个3px的缝隙。原因:图片属于内联元素,而内联元素的对齐方式默认是按照文字基线对齐的,不是按照文字底线对齐。解决方法:1.将默认基线对齐方式改为底线对齐方式:vertical-align:baseline默认值改为img { vertical-align: bottom; }2.将图片改为块元素display:inline默认值改为img { display: block; }...原创 2020-07-06 11:28:14 · 554 阅读 · 0 评论 -
盒子模型的一些问题
1.margin叠加问题: 当给两个盒子同时添加上下外边距时,就会出现叠加问题,而且这个问题只会出现在上下叠加,不会出现在左右叠加,系统会取上下外边距中较大的值作为两个盒子之间的间距。解决方案:BFC规范;在上下外边距中只设置一方的边距。2.margin传递问题 margin传递问题出现在嵌套模型中,当一个盒子内部嵌套另一个盒子,给内部盒子添加margin-top时,外部盒子也会出现margin-top。解决方案:1.BFC规范;2.给父容器加一个边框;3.给父容器增加一个pa原创 2020-07-05 16:54:49 · 341 阅读 · 0 评论 -
CSS选择器
1.ID选择器(#):ID表示身份,在同一个页面中元素ID不允许重复,因为ID选择器只能选择一个元素2.标签选择器(div):根据标签名称选择所有相应标签3.类别选择器(.nav):选择拥有该类别的多个元素4.通用选择器(*):针对页面上所有标签都生效优先级:行内样式>ID选择器>类别选择器>标签选择器>通用选择器选择器权重值:通用选择器:1标签选择器:10类别选择器:100ID选择器:1000...原创 2020-07-02 10:23:27 · 144 阅读 · 0 评论 -
表单小知识
1.form必须有action属性,表示提交地址2.所有需要提交的数据,input必须要有name属性3.input按钮的文字,使用value表示4.input必须放到form标签内才会生效原创 2020-06-30 21:05:14 · 102 阅读 · 0 评论 -
get请求和post请求的区别
1.get请求通常表示获取数据,2.post请求通常表示提交数据3.get请求发送的数据都写在地址栏上,用户可见4.post请求发送的数据用户不可见5.get请求不能提交大量数据,但是post可以原创 2020-06-30 21:25:25 · 63 阅读 · 0 评论