html
whynotxzh
这个作者很懒,什么都没留下…
展开
-
HTML day8(position)
position属性有static(默认)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位) relative(相对定位) 当开启了元素的相对定位时,而不设置任何偏移量元素的位置不会发生变化 相对定位是指相对于元素在文档流原来的位置进行定位 相对定位的元素不会脱离文档流 相对定位也会使元素提升一个层级 发生冲突时他会显示在文档流的上面 相对定位不会改变元素性质...原创 2019-11-19 23:14:40 · 101 阅读 · 0 评论 -
HTML day7(内连元素及display、visibility、高度塌陷问题)
内联元素 内联元素不能设置 宽和高 内联元素padding在水平方向生效 在垂直方向不影响布局(不会挤其他元素) 内联元素border同上 内联元素支持水平margin 两个margin重叠时求和,不支持垂直方向margin 垂直方向外边距重叠 相邻 兄弟元素垂直外边距重叠,具体外边距会取最大值 相邻 父子元素垂直外边距重叠,子元素的外边距会设置给父元素 解决方法:用p...原创 2019-11-18 22:36:24 · 176 阅读 · 0 评论 -
HTML day6
文本标签 <em>标签用于一段内容的着重点 显示为斜体 主要为语气上的强调 <strong>用于表示一段内容的重要性 显示为加粗 主要为内容上的强调 <i>标签用于斜体显示 <b>用于加粗显示 两者均没有任何语义 <small>标签中的元素会比父元素中的内容小一点 html5 用small标签表示一些细则 版权申明 <big&g...原创 2019-11-16 17:24:03 · 120 阅读 · 0 评论 -
HTML day5
伪元素选择器 p:first-letter frist-letter给p标签中的第一个字设置样式 p:frist-line first-line给p标签中的第一行字设置样式 p:after{ content: "hello"; color: red; } after给p标签的结束处添加样式 通常和content配合使用,所加的内容无法被鼠标选中 p:before{ c...原创 2019-11-16 15:52:01 · 105 阅读 · 0 评论 -
HTML day4
1. css的三种形式 内嵌式 直接在标签里面写style=“属性名1:属性值1;属性名2:属性值2”。 内部样式表 在head标签中写<style> </style>在style标签中进行样式编写。 外部样式表 通过link标签设置 <link rel="stylesheet" type="text/css" href="css/demo1.css" />...原创 2019-11-12 16:45:19 · 105 阅读 · 0 评论 -
HTML day3
1. 内联框架 可以使用iframe标签引入一个外部页面,在现实开发中不推荐使用,因为搜索引擎不能获取该页面,如果是不对外的网站可以使用。使用方式如下 <iframe src="页面路径" name="名字" height="高度px" width="宽度px"></iframe> 2. 超级链接 使用超级链接可以跳转到别的页面,用法如下 <a href="路径" ...原创 2019-11-12 10:19:09 · 132 阅读 · 0 评论 -
HTML day2
标签<img/>属性如下 路径 src="路径" 描述alt="描述内容"搜索引擎会根据你对图片的描述进行识别 宽度width="宽度px"一般以px结尾,如果值设定图片的宽度或者高度中的一个则另外一个按比例变化 高度height="高度px" <meta/>属性如下 1-设置字符集charset="字符集" 2-设置网站关键字name中的值为对content内容的描...原创 2019-11-11 20:39:48 · 158 阅读 · 1 评论 -
HTML day1
1、网页的基本结构 <html> <head> <title></title> </head> <body> </body> </html> head标签中的内容不会在页面中显示,它是用来帮助解析页面的。 title是网页的标题标签,他会显示在浏览器的标题栏中,会影响到搜索引擎的排名,...原创 2019-11-11 19:41:50 · 129 阅读 · 0 评论