A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

as951119772

初级黑马

  • 黑马币:36

  • 帖子:13

  • 精华:0

[前端与移动开发] 技术贴

© as951119772 初级黑马   /  2019-11-20 23:20  /  740 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

经过这一个月的学习,我了解了HTML的骨架、标签与标签的关系。明白了css行内样式,内部样式,外部链接三种引入方式,选择器分为复合选择器(主要包含:后代选择器、子代选择器、并集选择器,伪类选择器,交集选择器(指定标签选择器));后代选择器:后代选择器又称为包含选择器,可以选择父元素里面子元素。一个空格表示了后代关系;子元素选择器:只能选择嵌套关系的父子关系得到元素,也就是嵌套的第一层元素,一个大于号“>”表示选中子级; css三种布局:标准流、浮动、定位。学习了清除浮动的方法:额外标签法、父级加overflow属性法(移动端常用)、清除浮动之after伪元素(常用)、清除浮动之双伪元素(常用)。清除浮动之after伪元素代码(常用):
/*声明清除浮动的样式*/
        .clearfix:after {
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        .clearfix {
            *zoom: 1;
            /*ie6,7 专门清除浮动的样式*/
        }

清楚浮动双伪元素代码(常用):
/*声明清除浮动的样式*/
        .clearfix:before,
        .clearfix:after {
            content: "";
            display: table;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            *zoom: 1;
            /*ie6,7 专门清除浮动的样式*/
}
设置正圆border-radius: 50%;
设置胶囊形状 border-radius: 25px;
文字阴影text-shadow: 2px 2px 0px rgba(255, 0, 0, 1);
浮动的特性:元素脱离文档流(标准流),自己的位置空了,其他的元素会补上来;
漏:盒子浮动之后脱离的标准流原来的位置就空了,下面的盒子会补上来;
特点:
1、浮动之后的盒子的显示模式会更改为行内块元素的特点;
2、浮动之后的元素之间的没有缝隙的,紧贴在一起;
3、如果父级盒子不够宽装不下浮动的盒子,盒子会掉下来另起一行;


评分

参与人数 2黑马币 +5 收起 理由
DLongbo + 2 淡定
杨正宇22 + 3 很给力!

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马