块标签(block) 可以设置宽高 不可以与别人共处一行 不设置宽度的情况下,默认宽度100% 行内标签(inline) 不可以设置宽高 可以与别人共处一行 其宽高由内容撑开 行内块标签(inline-block) 可以设置宽高 可以与别人共处一行 常见的块标签:div,ul,li,ol,h1~h6,p 常见的行内标签:
快属性: div p ul ol h1-h6 特点 1,可以设置宽高 2. 不可以与别的共处一行 3. 不设置宽高的情况下,宽度为100%; 行内属性 span a 特点 1.不可以设置宽高 2.可以与别人共处一行 3.其宽高有由内容撑开 行内快属性 img input
文章目录 Day002Html1.超链接1-1.a标签简介1-2.a标签常用属性1-3.锚链接 2.路径的写法:(站内资源和站外资源)2-1.绝对路径(站内)2-2.相对路径(站内)2-3.url地址(站外或站内)2-4.http和https区别 3.行元素和块元素的区别3-1.常见的块元素:3-2.常见的行元素:3-3.行元素与块元素的相互转
行内元素横向排列 不可以设置宽高 内外边距,大小是内容大小 当其浮动后就变的像行内块元素,就可以设置宽高! 内外边距 块元素 Block块级元素的宽是独占一行,如果不设置,宽度继承100%占满文档 inline-block元素却是仅以自身内容为宽度。 元素浮动后,Block块级元素的显示模式变成了in
一、 块级元素:<div>独占一行 行内元素:<span>不独占一行 行内元素,可以被包含在块级元素中,反之不可以 二、display 1.inline:行内元素 2.block:块元素 3.inline-block:是块元素,但是可以内联合,在一行 4.none 三、float浮动(基本上用float) 1.左右浮动 2. 四、clear清除浮动 1.cl
CSS的显示模式 块级元素: 常见的块元素有 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li> 等,其中<div>标签是最典型的块元素。 特点: 独占一行,高度,宽度、外边距以及内边距都可以控制。 宽度默认是容器(父级宽度)的100% 是一个容器及盒子,里面可以放行内或者块级元素。 注意: 只
第二天css总结 复合选择器 后代选择器 div span { 选择div里面所有的span} 子元素选择器 div > span {选择div里面的下一级span标签} 并集选择器 h1,p,li{为多个标签同时声明相同的样式} 交集选择器 p.one{选择既是p标签,又调用one类名的} /* 伪类选择器 鼠标经过时触发*/ a {
元素 元素(element)是文档结构的基础。文档中的每个元素都对文档的表现起一定的作用。每个元素生成一个框(box,也称为盒),其中包含元素的内容。 元素显示角色 块级元素 块级元素生成一个元素框,(默认地)他会填充其父元素的内容区,旁边不能有其他元素。它会在元素框之前和之后生成了
一、块元素 block element 的看法里面不过快了 块元素的特性 独霸一行,总是在新行上开始 宽度缺省是它父级元素的100%,除非设定一个宽度 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举
简单的说就是: display:flex;不会让容器本身取消它的块装的属性,但它的子元素会变成行内块的的属性 。 display:inline-flex;父级是变成行内块元素,他的子元素也是行内块元素,并且自动换行。
目录 一、CSS样式规则 1.字体样式 2.列表样式 3.表格样式 二、伪类选择器 三、盒子模型 1.盒子模型的属性 2.盒子的宽与高 3.盒子模型新增属性 四、元素类型转换 1.元素的类型 2.div 和 span 标签 3.元素类型转换 一、CSS样式规则 1.字体样式 font-style:字体样式fo
行内元素和块元素 (了解了解基本概念就好~) 块元素 无论内容多少,该元素独占一行 如:p,h1—h6 行内元素 内容撑开宽度,左右都是行内元素的可以排在一行 如:a,strong,em
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http
定义
定义
css元素分为三种:块级元素、行内元素和行内块元素 1、 块级元素 设置display:block就是将元素显示为块级元素 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、 <dl>、<table>、<address>、<blockquote> 、<form> 特点: 独占一行高度,行高、外边距以及内边距都可以控
一、什么是元素显示模式 网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。 元素显示模式就是元素标签以什么方式显示,比如div标签自己占一行,比如一行可以放多个span。 HTML元素一般分为块元素 和 行内元素两种类型。 二、块元素 常见
1.内部样式表(嵌入式) 写在HTML页面内部,但是单独写到style标签内 2.行内样式表(行内式) 在元素标签内部的style属性中设定css样式,控制当前标签 3.外部样式表(链接式) 适用于样式多的情况 使用方式:先建立一个css文件,把所有样式都写在这个文件里面,再通过<link>标签引入html页面中
文章目录 一、html基础语法总结 提示:以下是本篇文章正文内容,下面案例可供参考 一、html基础语法 <img src="http://c.biancheng.net/cpp/templets/new/images/logo.jpg?v=3.994"/> 引用网络图片 <img src="../image/logo.jpg"/> 引用上一层image目录下
给输入框加边框 color是字体的颜色 padding-left是文本框里文字距离左边的距离 padding内边距默认会把盒子撑开,也就是说边距算入宽高,因为默认的box-sizing为content-box,如果要达到那种设置完一个固定的宽高一直那么大,就手动设置box-sizing为border-box 表单是行内块
在网页中编写JavaScript代码时,有3种书写位置,分别是行内式、内嵌式(也称为嵌人式)和外部式(也称为外链式),下面分别进行讲解。 1.行内式 行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性,如onclick)。下面通过具体操作步骤进行演示。 (1)
小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,分享给大家
1.CSS规则 选择器{属性1:属性值;属性2:属性值2;属性3:属性值3;} 例如:h2{font-size:20px;color:red;} 2.引入CSS样式表 (1)行内式 语法:<标记名 stayle="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标记名> 【demo1】行内式基本语法练习 <!DOCTYPE html PUBLIC "-//W
1.为什么需要CSS 前一篇所讲的html标签可以认为是在浏览器窗口中从左到右、从上到下,按照标签的特性一次排列,就像堆积木一样,而标签的种类可以分为块级元素和行内块元素,它们的区别在于块级元素独占一行,行内块可以在一行内排列多个 <div style="background: pink;">块级元素1</div