
CSS
爱学习滴小可桢
如果愿意,如果能重来,我愿意更努力些,来分享我的知识,让每一个内心充满热爱的孩子点一盏灯
展开
-
在ios手机上图片之间存在白色间隙
现象:图片在ios手机上会出现白色的间隙、安卓手机上则不会出现。最近在开发移动端官网页面,遇到不同机型间的适配小bug.原创 2023-02-10 20:25:41 · 1436 阅读 · 0 评论 -
CSS选择器用法和分类之基础选择器
css1.选择器 { 样式 } 等价于 给谁改样式 { 改什么样式 }样式:属性和属性值以键值对形式出现,属性和属性值中间用冒号分隔,每个 ”键值对“ 之间用英文 ”;" 进行区分。2.css选择器的作用h1 { color:red; font-size:25px;}上面的CSS做了两件事:1.找到所有的h1标签。选择器(选对人)。2.设置这些标签的样式,比如颜色为红色(做对事)。3.类选择器单独选择...原创 2022-02-19 21:52:07 · 312 阅读 · 0 评论 -
CSS选择器之复合选择器
1.后代选择器后代选择器又称为包含选择器,可以选择父元素里面的子元素语法: 元素1 元素2 { 样式声明 }若是孙子级别的就:元素1 元素2 元素3 { 样式声明 }2.子选择器只有亲儿子级别,也被称为亲儿子选择器语法:元素1 > 元素2 { 样式声明 }3.并集选择器并集选择器可以选择多组标签,用于集体声明语法:元素1,元素2 { 样式声明 }其中 ,代表 和4.伪类选择器伪类选择器倾向于向某些选择器添加特殊的效果,如点击颜色变色等特点是...原创 2022-02-21 00:14:09 · 363 阅读 · 0 评论 -
CSS元素显示模式:块元素、行内元素等
1.分为块元素 <h1>、<p>、<div>独占一行,可以设置内外边距等 若没有设置宽度,则和父级一样宽行元素 <span> 一行放多个行-内块元素 可以在一行,也可以调节宽高等2.元素显示模式转换(经常使用) 1)行内元素链接<a> 转换成块级元素 display:block; 2) 转行内元素 displ...原创 2022-02-21 00:48:41 · 162 阅读 · 0 评论 -
css的引入方式
css的三种样式表按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为三大类:1.行内样式表(行内式)在元素结构内修改样式,不常用。style就是标签的一个属性。<div style="color:red;">2.内部样式表(嵌入式)放在style标签内3.外部样式表(链接式)使用步骤: 1.建好 .css文件 2.在HTML页面中,使用<link>标签引入这个文件。<link rel="styleshee...原创 2022-03-04 21:57:00 · 132 阅读 · 0 评论 -
css字体属性、文本属性
1.字体系列:font-family原创 2022-02-20 17:43:14 · 776 阅读 · 0 评论 -
CSS背景
1 颜色background-color2 背景图片background-image:url(xxx);常用于logo或超大背景图片(精灵图等),优点是方便控制位置背景平铺background-repeat:repect | no -repect位置background-position: x y;小技巧:网上扒图片首先打开调试工具,单机图片,找到地址再open in new tab,最后图片另存为...原创 2022-02-21 19:26:55 · 205 阅读 · 0 评论 -
网页布局三大核心:盒子模型、浮动、定位
页面布局要学习三大核心:盒子模型、浮动和定位。网页布局的本质:利用CSS做盒子样式,摆放位置。标题<h>、段落<p>、盒子<h>。盒子有 m b p c清除内外边距:不同浏览器带有默认的内外边距,因此我们在布局前,首先要清除下网页元素的内外边距。方式:* {padding:0;/*清除内边距*/margin:0; /*清除外边距*/}浮动?1 首先了解把块元素放在一行内?使用行内块元素会产生 空隙2 如何实现两个盒子原创 2022-02-22 00:06:16 · 847 阅读 · 0 评论