马海雄-2020-10-30

定位

粘性定位
fixed :
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动:
bottom  定义了定位元素下外边距边界与其包含块下边界之间的偏移。
:link img {border-style: outset; 按钮


页面布局:div 元素是用于分组 HTML 元素的块级元素。
eader:定义文档或节的页眉
nav:定义导航链接的容器
style定义样式定义。
link定义资源引用。
span 定义文档中的行内的小块或区域。
font 规定文本的字体、字体尺寸、字体
boder-top-left-radius:左上角
boder-top-right-radius:右上角
boder-bottom-left-radius:左下角
boder-bottom-left-radius:右下角
border-radius:相同弧度角

block:块级标签  块级元素独占一行
块级元素设置宽高,width、height、margin、padding、border
 inline-block:让行级标签拥有块级标签的特性,依旧保留行级标签不能独占一行的特性,
行内元素不能设置width、height、margin、padding
行内元素的水平方向的padding-left和padding-right都会产生边距效果,
但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

display:flex;/*弹性布局*/
left" 左外边距
"top"
"right" 右外边距
"bottom" 
margin: auto:居中
flex-direction
flex-wrap
flex-flow

通过今天的学习我学习到了简单的百度首页的网页制作。
学习到了边框、定位、标签等知识,自己做的网页有很多的缺陷,在经过老师的讲解
之后学到了很多的知识、细节。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1