- 博客(14)
- 收藏
- 关注
RSS订阅原创 图片下间隙产生的原因
4、给img标签设置垂直对齐方式：vertical-align:middle/top/bottom;vertical-align:bottom底线对齐（把标签的顶端与行中最低的标签的顶端对齐）vertical-align:top顶线对齐（把标签的顶端与行中最高标签的顶端对齐）vertical-align:middle中线对齐（把此标签放置在父标签的中部）2、给img的父元素设置font-size：0；作用2：定义行内元素的基线相对于该元素所在行的基线的垂直对齐。- 图片与文字垂直方向的对齐。
2023-02-27 09:40:55
175
原创 padding属性（内填充 内边距）
padding-top上填充 padding-bottom下填充 padding-left左填充 padding-right右填充。上填充10，右填充20，下填充30，左填充40（上右下左顺时针顺序）padding:10px 20px 30px;上填充10，左右填充20，下填充30。上下填充10，左右填充20。下填充：padding-bottom。左填充：padding-left。上填充：padding-top。
2023-02-27 09:39:57
273
原创 html盒模型
1、概述：css盒模型本质上就是一个盒子，封装周围的html元素，包括：实际内容（weight+height）+内填充（padding）+边框（border）+外间距（margin）border-width:10px 20px 30px 40px 上边框10 右边框20 下边框30 左边框40。border-width:10px 20px 30px 上边框10 左右边框20 下边框30。border-width:10px 20px 上下边框10 左右边框20。
2023-02-27 09:39:39
104
原创 外边距问题
描述：当父元素没有padding、border时，子元素与父元素直接相邻，子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并，取两个值中的较大值。负值取绝对值较大的值。描述：当两个块级兄弟元素垂直方向上的margin值直接相遇时会发生合并。2、给父元素设置overflow：hidden；（溢出隐藏）改变渲染规则 -BFC。给其中一个盒子加父元素：overflow：hidden;解决方法：1、给父元素设置边框或内填充（慎用）结构关系：相邻元素的垂直外边距合并。
2023-02-27 09:38:55
73
原创 文本属性的继承margin属性（外边距）
margin-top上外边距 margin-bottom 下外边距 margin-left左外边距 margin-right右外边距。上外边距20、右外边距30、下外边距40、左外边距50。上外边距20、左右外边距30、下外边距40。上下外边距0 左右外边距自动（居中）margin:20px 30px;上下外边距20、左右外边距30。下边距：margin-bottom。上边距：margin-top。
2023-02-27 09:37:29
175
原创 html文本属性
补充：letter-spacing：用来设置文字和文字之间的距离，单词中每个字母之间的距离。word-spacing:用来设置单词和单词之间的距离，对中文文字之间的间距没有效果。取值：left 居左对齐 默认值 right居右对齐。语法：text-decoration:值；语法：line-height:值；16进制色值：语法：#rrggbb。语法：（r，g，b）0-255之间。语法：text-align:值；取值：颜色名称：red、pink。取值：常用值：-默认值：0。语法：color:颜色值；
2023-02-27 09:34:32
819
原创 html字体属性
如果用于字号，相对于父元素的字号进行计算。九级自重：100~900；注意：如果字体名称里包含空格、汉字、特殊符号，必须加引号“”如果浏览器不支持第一个字体，则会尝试下一个字体（回退机制）1、字体 font-family:”宋体” simsun。长度值（px）：16px（浏览器默认字体为16像素）注意：只有当字号和字体系列同时存在时简写才生效。取值：一个字体名称微软雅黑浏览器的默认字体。**注意**：不是所有字体都内置了九级字重。语法：字体风格字体加粗字号/行高 字体；取值：normal正常显示（默认值）
2023-02-27 09:34:00
1070
原创 css外部样式
rel 表示引入文件与当前文件的关系 stylesheet：层叠样式表 href：资源的链接地址。优缺点：1、适用范围广，可以重复使用代码 2、便于代码的修改和维护 3、结构样式彻底分离。概述：外部样式表是指将CSS编写在扩展名为.css 的单独文件中，使用link标签引用。总结：- 行间样式适用于某个元素拥有特殊样式时使用，结构表现【不分离】- 内部样式适用于单个页面拥有特殊样式时使用，结构表现【半分离】- 外部样式适用于多个页面拥有相同样式时使用，结构表现【相分离】--引入外部css文件head-->
2023-02-27 09:28:10
145
原创 初识css
（Cascading Style Sheets）3、css引入方式：行间样式表、内部样式表、外部样式。通常称为css样式表、层叠样式表、级联样式表。作用：设置页面中元素的位置、排版、样式外观等。主要由两部分组成：选择器、样式声明。表现层、美化html。
2023-02-27 09:26:54
63
原创 HTML语义化
语义化是指用合理的HTML标记以及特有的属性去格式化文档内容。1、在没有css的情况下，页面也能呈现出较好的内容结构。2、代码具有可读性，有利于团队开发和维护。3、有利于SEO搜索引擎优化。什么是html的语义化？
2023-02-24 17:29:43
41
原创 a标签 超链接
商品内部链接：描述：网站内部页面之间的相互链接。下载链接：描述：如果href里面的地址是一个文件或压缩包，会下载这个文件。外部链接：描述：链接到站外其他网站的链接（绝对地址）作用：定义提示文本，当鼠标悬停在链接上时会显示，提示工具。首页下载文本文件
2023-02-24 17:28:49
49
原创 wed标准的意义
浏览器开发商和Web程序开发人员遵守指定的标准更有利于Web更好地发展。开发人员按照Web标准制作网页，使网站更易开发与维护。遵循Web标准，有利于不同浏览器统一正确显示网页。内容能被更广泛的设备访问。
2023-02-24 17:25:10
46
原创 什么是Web标准
【行为标准】主要用于对网页信息的结构和显示进行逻辑控制，实现网页的智能交互，对应本课程中Javascript（如W3C DOM和EMAScript等）【表现标准】主要用于设计页面的表现效果如网页元素的板式，颜色，大小等外观样式，表现标准语言指css。CSS：（Cascading Style Sheets）层叠样式表——负责网页的表层层。【结构标准】主要用于对页面信息进行组织和分类，本课程主要学习的结构化标准语言HTML。JavaScript：简称js，用于网页交互的解释性脚本语言——负责网页行为层。
2023-02-24 17:25:04
70
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人