![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
Di_Panda
这个作者很懒,什么都没留下…
展开
-
CSS 练习 翻页效果
例子一:翻页样式制作思路:创建结构:ul.pagenation>(li>a{$})*11,按tab键快速建立。再逐个修改内容。去掉ul原本样式:list-style: none;,设定外面盒子的样式.pagenation{ list-style: none; padding: 0; width: 600px; height: 40px; bo...原创 2020-04-26 22:18:24 · 312 阅读 · 0 评论 -
CSS 定位 | background 属性
文章目录文档流关于定位小技巧设定圆角和圆固定元素居中设置透明度background 属性文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。关于定位我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下:relative 生成相...原创 2020-04-25 11:42:29 · 307 阅读 · 1 评论 -
HTML display 属性和浮动布局
文章目录块元素包含默认样式的块元素内联元素内联块元素display属性浮动元素清除浮动属性总结相应技巧参考文献本文均参考上述博客,并在此基础上总结添加。块元素块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6等等都是块元素,它在布局中的行为:支持全部的样式如果没有设置宽度,默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度包含默认样式的块元素...原创 2020-04-22 10:56:08 · 695 阅读 · 0 评论 -
HTML 盒子模型
为了找到一种布局方式,是目前最主要的布局方式,比传统的table布局要美观,也要复杂很多。盒子模型基础设置宽高/设置边框/设置内间距/设置外边距width:200px; /* 设置盒子的宽度,此宽度是指盒子内容的宽度,不是盒子整体宽度(难点) */ height:200px; /* 设置盒子的高度,此高度是指盒子内容的高度,不是盒子整体高度(难点) */盒子模型基础margin 基...原创 2020-04-20 20:24:41 · 452 阅读 · 0 评论 -
HTML基础(2)CSS入门
文章目录css引入方式css常用样式属性文本常用样式css选择器id 选择器类选择器层级选择器组合选择器伪类及伪元素选择器css引入方式外联式:通过标签的style属性,在标签上直接写样式在网页存储的文件夹中新建一个样式文件夹css,就跟图片存储一样。然后写入右边的代码。div{ font-size: 32px; color: red; }在网页文件head模块中利用li...原创 2020-04-16 12:21:33 · 332 阅读 · 0 评论 -
HTML基础
文章目录html概述html基本结构html 标签html概述HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。html基本结构安装插件Emment,并按!+Tab html...原创 2020-04-14 22:38:03 · 470 阅读 · 0 评论