![](https://i-blog.csdnimg.cn/direct/42eac51955a34537b99bf232a11d818b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML CSS
文章平均质量分 87
HTML CSS详细学习内容
敲敲敲之
多看看多敲敲,保持热爱,奔赴山海。分享技术知识和文章。
展开
-
移动端 、响应式布局
移动端布局设备像素比DPR移动端页面书写的时候设计图的尺寸如果是移动端网页开发,UI常用的设计图尺寸是以iPhone6/7/8 为标准的,这个图的宽是750高度是1334,实际在浏览器中解析的时候是375*667 也就是UI给的设计图是一个2倍图 ,所以如果UI给的是这样的一个2倍图,那么我们开发在书写的时候,需要把测量的所有数据/2设备像素比dpr这里看到的2倍或者是3倍,有专业术语 叫做dpr 设备像素比设计图看到的750这样的宽度专业术语叫做物理像素。原创 2024-07-24 22:55:41 · 537 阅读 · 0 评论 -
颜色 阴影 边框 怪异盒子 按钮
(1) 、十六进制颜色所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。(2) 、RGB颜色RGB颜色值在所有主要浏览器都支持。RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。(3) 、RGBA颜色。原创 2024-07-23 14:15:07 · 564 阅读 · 0 评论 -
渐变、过渡、转换、动画
CSS3 线性渐变backgroud-image:linear-gradient(梯度变化曲线)()为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。1、从上到下下面的实例演示了从顶部开始的线性渐变。起点是红色,慢慢过渡到蓝色:2、从左到右#grad {3、对角#grad {4、使用透明度(transparent)CSS3 渐变也支持透明度(transparent),可用于创建减弱变淡的效果。原创 2024-07-23 08:12:51 · 1136 阅读 · 0 评论 -
iframe、BFC
iframe标签用来制作后台管理系统,不需要新开浏览器窗口就可以在本页面规定区域切换页面。iframe 标签src属性是首次展示的页面 添加name属性用来绑定跳转连接a连接负责跳转页面,属性targate就是iframe的name属性浏览器回默认给iframe一点多余的尺寸需要自己调。原创 2024-07-22 08:53:23 · 348 阅读 · 0 评论 -
多列布局、弹性盒子布局
CSS3 可以将文本内容设计成像报纸一样的多列布局1创建多列div {2创建列与列间的间隙div {3列边框column-rule 属性指定了列与列间的边框样式:综合设置*/指定元素应该被分割的列数。指定如何填充列column-gap指定列与列之间的间隙所有 column-rule-* 属性的简写 列之间的边框指定两列间边框的颜色指定两列间边框的样式指定两列间边框的厚度指定元素要跨越多少列指定列的宽度,尽量不要与column-count同时使用columns。原创 2024-07-22 08:10:53 · 1238 阅读 · 0 评论 -
HTML CSS高级技巧 -元素的显示与隐藏-用户界面样式-溢出文字隐藏-css精灵图-字体图标
在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩躲猫猫!display设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外,同时还有显示元素的意思。特点:隐藏之后,不再保留位置。设置或检索是否显示对象。原创 2024-07-19 10:49:05 · 1221 阅读 · 0 评论 -
css定位
定位模式是否脱标占有位置是否可以使用边偏移移动位置基准静态static不脱标,正常模式不可以正常模式相对定位relative不脱标,占有位置可以相对自身位置移动(自恋型)绝对定位absolute完全脱标,不占有位置可以相对于定位父级移动位置(拼爹型)固定定位fixed完全脱标,不占有位置可以相对于浏览器移动位置(认死理型)原创 2024-07-19 09:07:24 · 668 阅读 · 0 评论 -
浮动 清除浮动的影响
标准流:元素按照本身的特性进行排列布局。浮动:元素脱离标准流,布局到左右位置。原创 2024-07-19 08:58:30 · 651 阅读 · 0 评论 -
CSS 行高 三大特性 盒子模型
行高我们利用最多的一个地方是:可以让一行文本在盒子中垂直居中对齐。做法就是:文字的行高等于盒子的高度。总结:1. 上距离和下距离总是相等的,因此文字看上去是垂直居中的。2. 如果行高等于height高度,文字会垂直居中3. 如果行高大于高度,文字会偏下4. 如果行高小于高度,文字会偏上。原创 2024-07-18 09:15:23 · 944 阅读 · 0 评论 -
css标签显示模式 css背景
css显示模式 背景图原创 2024-07-17 23:07:45 · 888 阅读 · 0 评论 -
CSS选择器
css选择器原创 2024-07-17 16:03:31 · 779 阅读 · 0 评论 -
CSS样式表 字体属性 外观属性
其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。text-indent属性用于设置首行文本的缩进,其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%,允许使用负值, 建议使用em作为设置单位。2. 其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。line-height常用的属性值单位有三种,分别为px,相对值em和%还有不带单位,实际工作中使用最多的是像素px.原创 2024-07-17 11:21:29 · 523 阅读 · 0 评论 -
HTML中的音视频
HTML中audio video原创 2024-07-17 08:53:01 · 867 阅读 · 0 评论 -
HTML表格和表单标签
HTML表格表单标签原创 2024-07-17 08:30:40 · 638 阅读 · 0 评论 -
HTML常用标签
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图 像标签,接下来将详细介绍图像标签以及和他相关的属性。为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即:、、、、和。在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属 性加以设置。原创 2024-07-16 22:51:05 · 554 阅读 · 0 评论 -
HTML初识
内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。对于Android手机而言,使用率最高的就是Webkit内核,我们看到很多手机浏览器厂商都宣称有着自主内核,比如手机UC就号称采用了U3内核、而华为也经常标榜自己的天天浏览器采用了T9内核,事实上,他们都是基于开源内核Webkit进行二次开发的,并不是完全的自主内核。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。原创 2024-07-16 22:24:27 · 785 阅读 · 0 评论