day04

A我今天学到了什么?

样式的继承

定义:继承是子元素对父元素的继承
width如果子元素没有设置宽度,默认状态下继承父元素的宽度
height如果父元素没有设置高度,默认状态下继承子元素的高度

css可以继承的属性

文本:color,text-align,text-decoration,text-transform.text-indent(内联标签能设置此属性)
字体:font-family,font-style,fort-size,font-weight,line-height
列表:list-style
表格:border-collapse
其他:corsor(光标),visibility(清晰度)

浮动(float)

目的:为了让元素并排显示
清除浮动的三种方式
(1)给下面的兄弟元素给clear:both;
(2)给父级加overflow:hidden;
(3)用伪元素,给父级内容生成
.row:before{
 display:table; 
 content:””     
}
.row:after{
 display:table;
 content:””
 clear:both;}(最常用第三种)

定位(position)

position:absolute | relative(相对定位和绝对定位)
Relative 定位
相对定位元素的定位是相对其正常位置。
postion:relative
Absolute定位
绝对定位的元素的位置相对于最近的相对定位的父元素,如果没有已定位的父元素,那么它的位置相对于<html>:
都通过left,top,right,bottom移动
z-index:设置元素的堆叠顺序 给position:absolute绝对定位的元素
当子元素没有设置宽度,如果设置了绝对定位,它不会继承父元素的宽度

元素水平垂直居中的方法

父元素设置parent{position:relative}

子元素设置child{position:adsolute;left:50%;top:50%;margin-left:-50%*child*width;margin-top:-50*child*height;}

三种CSS样式的引入方式

外部样式表(<link rel="stylesheet" type="text/css" href="/c5.css">)
内部样式表(位于head标签的内部)
内联样式(在html元素的内部)
给同一选择器设置同一样式,离元素近的样式设置方式优先级高

B今天我掌握了什么?


样式的继承
css可以继承的属性
浮动(float)
定位(position)

C今天我没有掌握什么

没有,只是运用不熟练
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,033评论 1 92
  • A今天学了什么 1.盒子模型 1.box-sizing:border-box 2.总宽度 3.居中 2.浮动(fl...
    相信自己_胡阅读 287评论 1 1
  • A我今天学习到了什么 1温习day03的知识点 1.1css背景 1.2.css文本 1.3.css字体 1.4....
    尘榆骡厌阅读 174评论 2 0
  • 1、css盒子模型 1.1:box-sizing:border-box 1.2实现元素居中 2、浮动float 3...
    陈梦晴阅读 324评论 0 0
  • 前言 查看了苹果官方提供的获取关于唯一UUID方法,有一个叫做KeychainItemWrapper.h的很早的类...
    小码农_gjw阅读 2,262评论 7 11

友情链接更多精彩内容