__x__(28)0907第四天__固定布局

x(28)0907第四天__固定布局

布局固定布局,需要计算单位自适应响应布局固定布局 html代码 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>湖南城市学院</title> <link rel="stylesheet" type="text/css" href="css/hncu.css" />…

x(23)0907第四天__浏览器默认样式

浏览器默认样式: 为了美观,浏览器为了在页面没有样式时,也可以有一个较好的显示效果,默认设置若干 margin,padding. 作为开发人员,在CSS编写最初,一般都会清除默认样式,进而设置自己的样式. 去除浏览器的默认样式: 方法1: @charset "utf-8" *{ margin:0; padding:0; }…

x(19)0907第四天__ HTML5 文本标签及样式

strong 表语义上的强调, em 表示语气上的强调: 警告:离僵尸远点! 世界末日了,因为僵尸是有毒的! 单纯的斜体. 单纯的加粗. 通常用作“细则”内容,会比父元素字体小一点. <big>无语义,因此将被淘汰使用.</big> 参考内容,参考书籍:&…

x(20)0907第四天__列表ul，ol，dl

列表分为: 有序列表 ul: <ul type="disc"> <li>张三</li> <li>李四</li> </ul> <ul type="square"> <li>青龙</li> <li>白虎</li> </ul> <ul type="circle"> <li>刘备</…

CSS 处理元素,把每个元素都包含在一个盒子里. 对网页的布局,其实就是对盒子的摆放及设置. 边框border,会使盒子变大: .box{ border: 10px 20px 30px 40px red solid; } .box{ border-width: 10px 20px 30px 40px; border-color: red; border-style: solid; } border-top-xxx: border-right-xxx: border-bottom-xxx: bo…

x(22)0907第四天__ 垂直外边距重叠

外边距重叠, 也叫“外边距合并”,指的是,当两个外边距相遇时,它们将形成一个外边距. 合并后的外边距的高度,等于两个发生合并的外边距的高度中的较大者...在布局时,易造成混淆. 1. 上下元素垂直外边距重叠垂直相邻的两个 div,上面的 div 设置了 margin-bootom,遇到下面 div 设置的 margin-top,会发生重叠,产生一个较大的外边距 2. 父子元素垂直外边距重合父子元素 div 时,为子元素 div 设置上边距时,两个 div 都会发生向下偏移,此时父子元素的…

x(25)0907第四天__ overflow 父元素对溢出内容的处理

overflow 父元素对于溢出内容的处理 visible; 默认值,对于溢出内容,在父元素之外显示. hidden; 对于溢出内容,进行隐藏,不显示. scroll; 对于溢出内容不在外显示,但是添加滚动条...该选项启用时,不溢出时,也会有滚动条. auto; 当有溢出时,滚动条才会出现.…

x(26)0907第四天__文档流_网页最底层

文档流处在网页的最底层,表示的是一个页面中的位置. 创建的元素,默认都处于文档流中. 元素在文档流中的特点块元素在文档流中独占一行. 自上而下排列. 宽度默认占父元素的 100%,width="auto"...当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可见框大小,而是会修改 width 来自适应内边距. 高度将被内容撑开. 内联元素不会独占一行,只占自身大小. 默认从左往右排列,满了就另起一行. 会出现一个元素,上一行一部分,下一行一部分…

x(27)0907第四天__ float 浮动

float 浮动块元素脱离文档流,水平排列. 浮动元素会尽量往左上(left),或者右上(right)浮动,直到遇到块元素或者其他浮动元素. 可选值: none; 默认值,不脱离文档流,垂直排列,不浮动. left; 脱离文档流,向文档左上侧浮动 right; 脱离文档流,向文档右上侧浮动影响布局: 垂直上方的元素,如果是块元素,则浮动于块元素的下方. 垂直上方的元素,如果不是块元素,则浮动元素会覆盖住文档流的元素. 若位置宽度不够,则另起一行. 浮动的元素…

x(24)0907第四天__ display 和 visibility

<a>百度</a> 也是内联元素,无法设置width和height <img>可以设置width和height,但是不会占用一行,所以是典型的行内块元素inline-block display 规定元素生成框的类型 none; 此元素不会被显示,且不会占用自身位置. inline; 内联元素. block; 块元素. inline-block; 行内块元素:既有内联元素的特点,又有块元素的特点.既可以设置宽高,又不会独占一行. v…