HTML+CSS
关注
分享
扫一扫
文章平均质量分 78
Meowmow
这个作者很懒，什么都没留下…
展开
-
HTML+CSS学习12-移动web开发和四种布局
目录移动端基础视口二倍图移动端调试移动端常见布局流式布局移动端基础视口二倍图移动端调试移动端常见布局流式布局原创 2022-05-27 20:01:32 · 235 阅读 · 0 评论 -
HTML+CSS学习11-2D转换3D转换与动画
目录2D转换动画3D转换2D转换动画3D转换原创 2022-05-08 23:26:40 · 558 阅读 · 0 评论 -
HTML+CSS学习10-品优购案例
目录HTML首页商品列表页登录注册页CSS初始化样式公共样式首页样式商品列表页样式登录注册页样式HTML首页<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>品优购首页</title> <!-- 网页说明 --> <meta name="description" content="品优购.COM-专业的综合网上购物商城，销原创 2022-05-04 19:34:16 · 591 阅读 · 0 评论 -
HTML+CSS学习09-CSS3新特性
目录新增选择器属性选择器结构伪类选择器伪元素选择器伪元素的应用--字体图标伪元素的应用--遮罩层伪元素的应用--清除浮动盒子模型其他特性新增选择器类选择器、属性选择器、伪类选择器，权重为10属性选择器根据元素的特定属性选择元素E[att] //具有att属性的E元素E[att="val"] //具有att属性且属性值=val的E元素E[att^="val"] //具有att属性且属性值以val开头的E元素E[att$="val"] //具有att属性且属性值以val结尾的E元素E[原创 2022-05-04 19:24:14 · 131 阅读 · 0 评论 -
HTML+CSS学习08-HTML5新增标签和属性
目录CSS初始化HTML5新特性新增语义化标签新增多媒体标签audio标签video标签CSS初始化重设浏览器的样式，* { margin: 0; padding: 0; box-sizing: border-box;}em,i { font-style: normal}li { list-style: none}img { border: 0; vertical-align: middle}button { cursor: pointer}a { c原创 2022-05-04 16:11:07 · 135 阅读 · 0 评论 -
HTML+CSS学习07-精灵图和字体图标
目录元素的显示与隐藏displayvisibilityoverflow精灵图（雪碧图）字体图标iconfont字体图标的下载字体图标的引用CSS三角应用：对话框样式元素的显示与隐藏displaydisplay:none; //隐藏对象，不再占有原位置display:block; //转换元素为块级对象，显示元素visibilityvisibility:visible; //元素可视visibility:hidden; //元素隐藏，继续占有原位置overflowoverflow:hid原创 2022-05-04 15:07:13 · 397 阅读 · 0 评论 -
HTML+CSS学习06-浮动和定位
目录CSS传统布局方式标准流（普通流/文档流）浮动浮动页面布局规则清除浮动清除浮动方法（四个）定位定位模式position边偏移top/bottom/left/right子绝父相使用固定定位fixed将元素水平居中于页面使用绝对定位absolute将子元素水平居中于父元素定位叠放次序z-index拓展CSS传统布局方式标准流、浮动、定位标准流（普通流/文档流）标签按默认方式排列块级元素占一行，上下排列行内元素按顺序从左到右排列，碰到父元素右边缘自动换行浮动让多个块级元素在一行排列显示flo原创 2022-04-22 20:41:52 · 708 阅读 · 0 评论 -
HTML+CSS学习05-CSS盒子模型
目录盒子模型边框border内边距padding外边距margin外边距合并问题圆角边框（CSS3新增）盒子阴影（CSS3新增）文字阴影（CSS3新增）盒子模型网页元素基本都是盒子CSS盒子模型：封装的html元素，包括外边距、边框、内边距、内容边框border边框会影响盒子的大小border: border-width border-style border-color// 边框粗细 边框样式 边框颜色border:1px solid red;//无固定顺序 bo原创 2022-04-22 18:58:23 · 375 阅读 · 0 评论 -
HTML+CSS学习04-CSS文本属性和背景属性
目录CSS文本属性颜色color对齐文本text-align装饰文本text-decoration文本缩进text-indent行间距line-heightCSS背景背景颜色background-color背景图片background-image背景平铺background-repeat背景图片位置background-position背景附着（背景图像固定）background-attachment背景复合写法background背景半透明rgbaCSS文本属性颜色colordiv{ color:原创 2022-04-18 17:12:22 · 159 阅读 · 0 评论 -
HTML+CSS学习03-CSS简介
目录CSS简介CSS代码风格CSS选择器作用选择器分类(基础选择器、复合选择器）CSS引入方式CS三种样式表基础选择器复合选择器CSS元素显示模式块元素行内元素行内块元素行内元素与块级元素的转换CSS三大特性层叠性继承性优先级CSS简介CSS规则：选择器和一条或多条声明CSS代码风格//紧凑型h1{color:blue;fontesize:18px;}//展开型h1{ color:blue; fontesize:18px;}CSS选择器作用根据需求选择标签，添加样式选择器分类(原创 2022-04-18 16:33:56 · 97 阅读 · 0 评论 -
HTML+CSS学习02-基本标签
目录标题标签< h1>~< h6>段落标签< p>< /p>换行标签< br>文本格式化标签div span标签图像标签< img/>链接标签< a>< /a>特殊字符(带分号，分号前无空格）表格标签表头单元格标签< th>< /th>表格属性< thead>< /thead>和< tbody>< /tbody>合并单元格列表标签有序列表&l原创 2022-04-17 16:45:05 · 157 阅读 · 0 评论 -
HTML+CSS学习01-HTML基本概念
网页由图片、链接、文字、声音、视频等元素组成，是以html为后缀名的文件HTML超文本标记语言超文本：可以加入图片、声音、视频等常用浏览器浏览器内核IE(猎豹安全、360急速浏览器、百度浏览器)TridentfirefoxGeckoSafariWebkitchrome/OperaBlink(Webkit的分支)web标准的构成结构（HTML）、表现（CSS）、行为（JavaScript）标签语义标签的含义，用来干什么的标签关系包含关系原创 2022-04-17 14:35:48 · 469 阅读 · 0 评论