CSS
@浩轩
这个作者很懒,什么都没留下…
展开
-
CSS-overflow和vertical-align的用法-八
溢出问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {原创 2020-07-21 09:30:45 · 220 阅读 · 0 评论 -
CSS-float与float造成的影响以及解决办法-七
浮动: 是让两个有宽高的盒子并排,可以让这两个盒子转成行内块。但是有个小问题,盒子之间有空白 浮动的诞生就可以让元素并排,并且还可以设置宽高 特点: 1、相互贴靠;2、浮动的 元素可以设置宽高;3、脱离标准流(脱标) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w原创 2020-07-21 09:20:20 · 366 阅读 · 0 评论 -
CSS-元素分类以及改变显示模式-六
元素根据表现的特性分为:块级元素、行内元素、行内块元素 1、块级元素 div、p、ul、li、dl、dt、dd、h1~h6… 特点: 1)独占 一行; 2)设置宽高有效(padding、margin、line-height); 3)不设置宽度,默认是父亲的百分之百; 2、行内元素 span/em/i/strong/a 特点: 1)可以与其他行内元素并排; 2)人为的设置宽高无效(不支持垂直方向的margin和padding); 3)元素靠内容撑开; 3、行内块 img/input 特点: 1设置宽高; 2可原创 2020-07-16 16:34:24 · 192 阅读 · 0 评论 -
CSS-背景-五
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {原创 2020-07-07 23:56:55 · 118 阅读 · 0 评论 -
CSS-盒子模型之塌陷问题-四
<!-- margin塌陷问题 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style原创 2020-07-07 22:50:20 · 399 阅读 · 0 评论 -
CSS-盒子模型 三
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {原创 2020-06-19 11:22:12 · 143 阅读 · 0 评论 -
CSS-基础-选择器属性-二
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { c原创 2020-06-18 16:58:57 · 134 阅读 · 0 评论 -
CSS-基础-自学笔记一
<!-- css 层叠样式表 网页化妆师 1、如何在网页中引入css代码 行内式 设置标签的style属性 用的不多,后台喜欢用 一般少量的样式可以这样写,其他不推荐用,不专业 <p style="color: brown; background-color: cadetblue;">一段文字</p> 内嵌式 在head标签内部放置原创 2020-06-17 11:53:21 · 293 阅读 · 0 评论