【CSS基础】琐碎记录<三>

关于属性 vertical-align

今天出现一个问题,table里面的一个单元格有一个text类型的input,然后有一张图片.我搞了很久,图片不能垂直居中,我把input去掉,发现自适应又居中了

后来发现vertical-align属性.css基础····

以下内容来自w3c官方解释

vertical-align

属性设置元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。    (绿色关键字,将这两个行内元素的基准线调整为一样?) 允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。

时间: 2024-10-06 07:52:42

【CSS基础】琐碎记录<三>的相关文章

CSS【03】:CSS 基础选择器与三种引入方式

基础选择器 选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式 选择器其实就是给 html 标签起名字 标签选择器 作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性 格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id选择器 作用:根据指定的 id 名称找到对应的标签,然后设置属性 格式: #

css基础篇(三)——布局(上)float和position

1.定位(position) position的值有:relative/absolute/fixed/static/inherit; static:为position属性的默认值,static元素会遵循正常的文档流,且会忽略top,bottom,left,right等属性; inherit:如同其他css的inherit值,即继承父元素的position值(ie不支持) 下面重点介绍前三个值: 1.1 相对定位(relative) 场景描述(如上图):第二个div的位置相对自己向下向右移动30p

XHTML+CSS基础知识(三):盒模型

盒模型的四要素:content(内容).border(边框).padding(内边距).margin(外边距). 页面当中的每一个元素都会被看做是一个矩形框,这个框有内容.内边距.边框.外边距组成. 1.盒模型的四要素分别指什么? 内边距出现在内容区域的周围,如果在元素上添加背景,那么背景会应用于内容和内边距相加组成的区域. 添加边框会在内边距的区域以外添加框线,这些线可以有多种样式,比如实线.虚线.点线等. 在边框外边是外边距,外边距是透明的,一般使用它来控制元素之间的间隔. 2.盒模型中一个

css基础篇(三)——布局(下)

之所以将浮动,定位归为布局来讲,就是因为css布局技术都依赖于三个基本概念:定位,浮动和空白边的操纵; 1.固定宽度布局 1.1 居中布局 如上图:是pc端比较时髦的居中设计,而实现居中设计的方案有: 1.自动空白实现(如上图) .main{ width:1000px; marign:0 auto; } 2.定位和负值空白边 .main{ positon:relative; width:1000px; left:50%; margin-left:-500px; } 1.2 多栏布局 如上图:利用

HTML、CSS基础知识(三)

1.CSS样式 方式一:在head标签中增加style标签,在style标签中写CSS样式 方式二:在body中,直接在使用的标签中增加style属性,进行CSS编写 方式三:通过link标签引入写好的CSS样式表 <link rel="stylesheet" href="xx.css"> 接下来讲的都是方式一 2.ID选择器 ID选择器以#号来定位,所以在style标签中写样式时,要以#开头,一个HTML页面不可以存在相同的id <!DOCTYP

CSS基础学习记录——CSS中哪些属性可以继承?

CSS的属性,其中一个分类是有继承性和无继承性. 总结一下父元素的哪些属性是会继承给其子元素的,单纯加深印象,有用得到的时候方便回来瞅瞅. 下面的总结内容来自:https://www.cnblogs.com/thislbq/p/5882105.html 有继承性的属性 1.字体系列属性 font:组合字体 font-family:规定元素的字体系列 font-weight:设置字体的粗细 font-size:设置字体的尺寸 font-style:定义字体的风格 font-variant:设置小型

CSS基础学习记录——伪类和伪元素

定义 伪类选择器:伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息.(CSS3中的定义) 不存在与DOM树中的信息,如<a>标签的 :link.:visited.:hover.:focus.:active.这些信息不存在与DOM树结构中,只能通过CSS选择器来获取: 不能被常规CSS选择器获取到的信息,如:first-child,选择元素的第一个子元素,这个功能无法用常规选择器实现,但是可以用js实现,不过和:first-child相比实在是

LNMP系列网站零基础开发记录(三)

[目录] 扯淡吹逼之开发前奏 Django 开发环境搭建及配置 web 页面开发 Django app开发 Django 站点管理 Python 简易爬虫开发 Nginx&uWSGI 服务器配置 ... 三.web页面开发 好吧,本来想单独写一章bootstrap的,但是前端确实没什么好写的,这里我们直接结合实际直接开搞吧.做WEB我习惯先把想要的页面模板做完,然后再根据razar或者这里要用到的django template修改.美工确实不太好,P得一手烂图,所以一般都用现成的开源框架,这里我

CSS基础学习三:CSS语法

CSS语法分为基础语法和高级语法. 一CSS 基础语法 (1)CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明,请使用花括号来包围声明. selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素.每条声明由一个属性和一个值组成.属性(property)是您希望设 置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. selector {