- 博客(13)
- 收藏
- 关注
RSS订阅原创 html浮动
浮动的代码属性名:float属性值 效果 left 左浮动 right 右浮动 浮动的特点1. 浮动元素会脱离标准流（简称：脱标），在标准流中不占位置 • 相当于从地面飘到了空中2. 浮动元素比标准流高半个级别，可以覆盖标准流中的元素3. 浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动4. 浮动元素会受到上面元素边界的影响5. 浮动元素有特殊的显示效果• 一行可以显示多个• 可以设置宽高注意点： ...
2021-08-11 22:14:14
135
原创 css结构伪类选择器
作用:根据元素zaiHTML中的结构关系查找元素,减少HTML中的类依赖,有利于保持代码的整洁.选择器:选择器 说明 E: first-child{} 匹配父元素第一个子元素,并且是E元素 E: last-child 匹配父元素中的最后一个子元素,并且是E元素 E: nth-child(n) 匹配父元素中的第n个子元素,并且是E元素 E; nth-last-child(n){} 匹配父元素中的倒数第n个子元素,并且...
2021-08-11 22:06:58
53
原创 css的三大特性
一.继承性: 子元素有默认的继承父元素样式的特点(子承父业)常见可以被继承的属性有:color font-style ,font-weight,font-size,font-family text-indet ,text-align line-height .....好处:可以一定程度上减少代码,常见应用场景:给ul设置list-style:none属性,从而去除列表的小圆点样式,给body设置通一的font-size,从而统一不同浏览器的样式.继承失效的特殊情况:...
2021-08-11 19:27:43
188
原创 html元素显示模式
1.1块级元素 属性:display:bilock;特点:独占一行,宽度默认父元素宽度,高度默认内容撑开; 可以设置宽高;代表标签:div.h系列,p,ul,li,dl,dt,dd,form,header,nav,footer....1.2行内元素 属性:display:inline一行可以显示多个;宽度和高度由内容撑开;不能设置宽高代表标签: a,span,u,b,i,s,strong,ins,em,del...1.3 ...
2021-08-04 22:51:21
169
原创 html中css下背景色相关属性设置
1.1背景颜色 属性名： background-color 属性值:颜色取值:关键字,rgb表示,rgba表示,十六进制...注意;背景颜色默认透明.不会阳性盒子大小,一般在布局中习惯性设置背景色,方便看清位置和大小.<style> div{ background-color:red; }</style>1.2背景图片 属性名:background-image ...
2021-08-04 22:38:38
213
原创 CSS选择器进阶
一.复合选择器,1.后代选择器 选择器语法: 选择器1 选择器2 {css}在选择器一所找到的后代样式中,只要满足选择器2,都会设置上样式;(儿子,孙子,重孙...)注意:后代选择器之间通过空格隔开;<style>div p{ color:red; }</style>2.子代选择器 选择器语法: 选择器1>选择器2{css}在标签选择器1所有的子代中,找到满足选择器2的标签设置样...
2021-08-04 22:10:08
60
原创 html字体和文本样式
字体大小:font-size字体粗细:font-weight字体样式:font-style字体类型:font-family字体类型:font属性连写字体大小属性名:font-size取值:数字+px注意点:谷歌浏览器默认16px;单位需要设置,否则会无效;字体粗细属性名:font-weight 正常: normal 400 加粗: bold 700取值是100-900的整百数,不过400和700...
2021-08-03 23:11:44
242
原创 html基础选择器
CSS基础选择器和文本样式1.1 CSS:层叠样式表 作用:给页面中的HTML标签设置样式1.2 CSS语法规则 (内嵌式)css写在style标签中,style标签一般写在head标签里面,title标签下边;(外联式):css写在一个单独的.css文件中 提示:需要通过link’标签在网页中引入(行内式):css写在标签的style属性中;之后配合js使用1...
2021-08-03 23:09:36
100
原创 html表单标签
form标签:表单域,用于向服务器传输数据;<form> <input type="text" />男<br/> <select> <option></option> <option></option> <option></option> </select></form>
2021-08-02 19:45:44
62
原创 html基础表格标签应用
(标签效果图在最后面,自行对比了解一下) 1.1表格的基本标签标签名 含义 table 表格整体可用于包裹多个tr’ tr 表格的行标签,可以用于包裹td td 表格单元格,可用于包裹内容,(不是列标签,只能生成一个单元格,) (注意点: 标签的嵌套关系: table>tr>td )2.1表格的相关属性 属性名 属性值 效果 ...
2021-08-02 18:34:41
125
原创 html基础列表标签
一.列表标签无序列表.有序列表.自定义列表1.无序标签 ul标签名:<ul></ul> 表示无序列表的整体,用于包裹的li标签标签名: <li></li> 表示无序列表的每一项,用于包含每一行的内容显示特点: • 无序列表的每一项前默认显示的圆点标签注意:ul标签只允许包含li标签;li标签可以包含任意内容;(包括li标签里再次嵌套ul标签)2.有序标签 ol 标签名: ...
2021-08-02 17:38:25
63
原创 HTML基础标签学习
1.排版标签 .1标题标签: h系列标签,h1-h6..2段落标签 <p>一段文字</p> 特点:段落间存在间隙,独占一行. .3换行标签 <br> .4水平线标签 <hr>2.文本格式化标签 <strong>加粗</strong><b>加粗&l...
2021-07-31 23:12:40
81
原创 HTML的基础知识
HTML（Hyper Text Markup Language）中文译为：超文本标记语言.专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述.HTML的骨架结构:• html标签：网页的整体• head标签：网页的头部• body标签：网页的身体• title标签：网页的标题HTML的注释:1.body内的注释一般用<!-- 放入注释信息 -->2.style内的注释一般用/* 放入注释信息 *...
2021-07-30 22:32:10
233
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人