![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
css前端
weixin_45544617
这个作者很懒,什么都没留下…
展开
-
CSS定位
一、定位1.默认值position:static; 无特殊定位,遵循html默认显示原则2.绝对定位position:absolute;参照物:离它最近的具有定位属性的父包含块,如果找不到满足条件的父包含块,相对于浏览器窗口进行定位注:我们通过left,right,top,bottom来确定元素定位的具体位置3.相对定位position:relative;参照物:元素偏移前自身的位置注:相对定位也通过left,right,top,bottom来决定元素偏移的位置.原创 2022-03-31 23:42:41 · 410 阅读 · 0 评论 -
一、CSS字体类属性和文本属性设置
一、字体类属性1.字体类型语法: font-family:字体;eg: body{font-family:"Microsoft Yahei";}2.字体大小语法:font-size:数值+单位;注:a) 浏览器默认字体大小为16px b) 字体大小常用单位px,em,rem等 c) 字体大小建议设置偶数不设置奇数3.字体加粗语法:font-weight:normal|bold|bolder|100-900;eg: h1{font-weight:no...原创 2022-03-27 22:52:58 · 406 阅读 · 0 评论 -
HTML 思维导图
原创 2022-03-27 23:27:33 · 109 阅读 · 0 评论 -
块元素,内联元素,内联块元素三大类和span应用,容器溢出垂直对齐方式、单行文本省略号的设置
一、html元素分类html元素根据自身的特征分为:块元素,内联元素,内联块元素三大类1.块元素常见块元素:div,p,ul,ol,li,dl,dt,dd,h1~h6,form等a) 块元素默认宽度为100%,以块的形式显示为一个矩形区域b) 块元素默认情况下独占一行,自上而下排列c) 块元素可以设置宽度和高度及任意margin,padding,border等d) 块元素可以作为一个容器容纳其他的块元素和内联元素注:p标签只能嵌套内联元素,不能嵌套块元素2.内联元素(行内原创 2022-03-27 23:00:15 · 494 阅读 · 0 评论 -
CSS绝对定位、相对定位
一、定位1.默认值position:static; 无特殊定位,遵循html默认显示原则2.绝对定位position:absolute;参照物:离它最近的具有定位属性的父包含块,如果找不到满足条件的父包含块,相对于浏览器窗口进行定位注:我们通过left,right,top,bottom来确定元素定位的具体位置3.相对定位position:relative;参照物:元素偏移前自身的位置注:相对定位也通过left,right,top,bottom来决定元素偏移的位置..原创 2022-03-27 23:02:15 · 419 阅读 · 0 评论 -
CSS思维导图
一、概念 css——cascading style sheet(层叠样式表)作用:规定html元素如何在网页中显示特点:实现了结构与表现相分离(可维护性更高)二、css语法 选择器{属性:属性值;}eg: h1{color:red;}三、样式表的创建 1.行内样式(内联样式) eg: <h1 style="color:red;">hello</h1> 2.内部样式(嵌入式样式...原创 2022-03-27 23:17:26 · 1973 阅读 · 0 评论 -
五、浮动属性
五、浮动属性语法:float:none(默认值)|left(左浮动)|right(右浮动);注:当需要让竖着排列的元素横着排列时就需要用到浮动原创 2022-03-27 22:57:32 · 65 阅读 · 0 评论 -
CSS的基本内容
一、css概念及特点css——cascading style sheet(层叠样式表)作用:规定html元素如何在网页中显示特点:实现了结构与表现相分离(可维护性更高)二、css语法选择器{属性:属性值;}eg: h1{color:red;}三、样式表的创建1.行内样式(内联样式)eg: <h1 style="color:red;">hello</h1>2.内部样式(嵌入式样式)eg: <style type="text/css".原创 2022-03-27 22:50:44 · 274 阅读 · 0 评论 -
三、CSS中列表类属性和背景类属性
三、列表类属性1.设置列表符号类型语法:list-style-type:disc(实心圆)|circle(空心圆)|square(实心方块)|decimal(数字)|none(去掉列表符号);2.使用图片作为列表符号语法:list-style-image:url(1.jpg);3.设置列表符号位置语法: list-style-position:outside(外)|inside(里);4.列表属性简写方式语法:list-style:none;四、背景类属性1.背景色原创 2022-03-27 22:54:39 · 321 阅读 · 0 评论 -
了解基本的HTML
一:web标准web的标准包括三个方面:结构(html) ,表现(css),行为(JavaScript)注:1)w3c --万维网联盟(制定了html和css相关的标准)2)ECMA--欧洲电脑厂商联合会(制定了JS相关的一些基本的标准)二:html的相关概念1.HTML--超文本标记语言2.XHTML--可扩展的超文本标记语言注:与html相比,语法要求更加严格三:html基本结构1.文档说明注:h5的文档声明<!DOCTYPE html>2.网页的原创 2022-03-01 22:13:20 · 206 阅读 · 0 评论