HTML - 随笔分类(第2页) - 云梦曦

选择器与CSS超链接

摘要：CSS3基本选择器标签选择器 h3 { color:red;} 标签选择器直接应用于HTML标签类选择器 .class {color:blue;} 类选择器可在页面中多次使用 ID选择器 #id { color:green;} ID选择器在同一个页面中只能使用一次基本选择器的优先级 ID选择器阅读全文

posted @ 2020-05-11 21:56 云梦曦阅读(799) 评论(0) 推荐(0)

防止父级边框塌陷的四种方法

摘要：浮动元素后面加空div：空div会造成HTML代码冗余设置父元素的高度：固定高度会降低元素可扩展父级添加overflow属性：有下拉列表框场景不能用父级添加伪类after：没有副作用，推荐使用 { 清除浮动 } 阅读全文

posted @ 2020-05-08 23:26 云梦曦阅读(1059) 评论(0) 推荐(0)

alt属性和title属性的区别

摘要：alt是在图片不能正常加载的时候会显示提示语 1 <img src="eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> 运行结果: title是鼠标划上去显示的内容 1 <img src="eg_tulip.jpg" title="上海鲜花港 - 郁金香" /> 运行结果: 阅读全文

posted @ 2020-05-05 21:28 云梦曦阅读(681) 评论(0) 推荐(0)

CSS3动画

摘要：CSS变形每个效果都可以称为变形（transform）操控元素发生平移、旋转、缩放、倾斜等变化语法: transform: none | transform-functions; 变形函数 translate()：平移函数，基于X、Y坐标重新定位元素的位置 scale()：缩放函数，可以使任意阅读全文

posted @ 2020-04-20 21:31 云梦曦阅读(171) 评论(0) 推荐(0)

定位

摘要：position属性的属性值有哪些？分别是什么意思？ position属性 static 静态定位默认值，没有定位 relative 相对定位 absolute 绝对定位 fixed 固定定位相对定位 relative属性值 {相对自身原来位置进行偏移} 偏移设置：top、left、right、阅读全文

posted @ 2020-04-19 23:24 云梦曦阅读(238) 评论(0) 推荐(0)

浮动

摘要：网页基本布局：常见网页布局、标准文档流标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列文档流：元素默认是根据自身特性排列的，及标准文档流设置浮动后元素会脱离文档流组成块级元素（block） <h1>…<h6>、<p>、<div>、列表… 内联元素（inline 阅读全文

posted @ 2020-04-18 21:59 云梦曦阅读(144) 评论(0) 推荐(0)

盒子模型

摘要：CSS盒子模型 1.什么是盒子模型所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说阅读全文

posted @ 2020-04-14 22:41 云梦曦阅读(173) 评论(0) 推荐(0)

初识CSS3

摘要：1.CSS3基本语法语法：选择器 { eg：h1{ 声明1; font-size:12px; 声明2; color:#F00; …… } } 经验：CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上 2.HTML中引入CSS样式行内样式阅读全文

posted @ 2020-04-12 23:37 云梦曦阅读(151) 评论(0) 推荐(0)

媒体元素与表单

摘要：1.无序列表： <ul> <li>桔子</li> <li>香蕉</li> <li>苹果</li> </ul> 2.无序列表的type取值： disc 项目符号显示为实体圆心,默认值 square 项目符号显示为实体方心 circle 项目符号显示为空心圆 3.有序列表： <ol> <li>桔子</l 阅读全文

posted @ 2020-04-10 22:45 云梦曦阅读(134) 评论(0) 推荐(0)

HTML5基础与列表、表格

摘要：HTML是标记语言，HTML由一套标记标签（Markup Tag）组成，在制作网页时，使用标记标签来描述网页网页编辑工具：记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。标签都是成对出现的，有一个开头标记就对应地有一个结束标记，以“< >”开始、以“< 阅读全文

posted @ 2020-04-08 21:10 云梦曦阅读(329) 评论(0) 推荐(0)

随笔分类 - HTML