css
文章平均质量分 76
q1575290554
这家伙很帅,什么都没写
展开
-
CSS简介
Cascading Style Sheet 层叠级联样式表CSS:表现(美化网页)字体、颜色、边距、高度、宽度、背景图片、页面定位、网页浮动…CSS1.0:CSS2.0:DIV(块)+ CSS,HTML与CSS结构分离的思想,网页变得简单,SEOCSS2.1:浮动定位CSS3.0:圆角,阴影,动画…(浏览器兼容~)基本入门CSS的优势:1、内容和表现分离2、网页结构表现统一,可以实现复用3、样式十分的丰富4、建议使用独立于html的css文件5、利用SEO,容易被搜索引擎收录!...原创 2022-06-28 09:59:32 · 105 阅读 · 0 评论 -
CSS选择器简介及应用
作用:选择页面上的某一个或某一类元素1、标签选择器:选择一类标签 标签{}2、类选择器 class:选择所有class属性一致的标签,跨标签 .类名{}3、Id 选择器:全局唯一 #id名称{}优先级:id选择器 > class选择器 > 标签选择器结构伪类选择器伪类:条件...原创 2022-06-28 09:56:44 · 186 阅读 · 0 评论 -
相对定位、绝对定位、固定定位和z-index
相对定位:position: relative;相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在标准文档流中,原来的位置会被保留。2、绝对定位定位:基于xxx定位。上下左右1、没有父级元素定位的前提下,相对于浏览器定位2、假设父级元素存在定位,我们通常会相对于父级元素进行偏移3、在父级元素范围内相对于父级或浏览器的位置,进行指定的偏移,相对定位的话,他仍然在标准文档流中,原来的位置不会被保留。3、固定定位 fixed4、z-indexz-index:默认时0,最高无限:999...原创 2022-06-27 07:38:24 · 179 阅读 · 0 评论 -
浮动display和float
块级元素:独占一行 h1-h6 p div 列表…行内元素:不独占一行 span a img strong3、float1、左右浮动 float4、父级边框塌陷问题(以float为例)增加父级元素的高度增加一个空的div标签,设置属性父级元素增加属性父类增加一个伪类小结:**浮动元后面增加空div简单,代码中尽量避免空div设置父元素的高度简单,元素假设有了固定的高度,就会被限制overflow简单,下拉的一些场景避免使用父类添加一个伪类:after写法稍微复杂一原创 2022-06-27 07:34:35 · 968 阅读 · 0 评论 -
盒子模型简介及应用
margin:外边距padding:内边距border:边框盒子的计算方式:你这个元素到底多大?margin + border + padding + 内容宽度原创 2022-06-27 07:30:25 · 321 阅读 · 0 评论 -
美化网页元素
1、有效的传递网页信息2、美化网页,页面漂亮,才能吸引用户3、凸显页面的主题4、提高用户的体验span标签:重点要突出的字,使用span套起来2、字体样式3、文本样式1、颜色:color,rgb,rgba2、文本对齐方式:text-align: center;3、首行缩进:text-indext: 2em;4、**行高:**line-height: 100px; 单行文字上下居中!line-height = height5、下划线:text-decoration: ;6、文本图片水平对齐:verti原创 2022-06-27 07:29:34 · 279 阅读 · 0 评论 -
块级、行内、媒体元素
每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。块级元素的特点:行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。行内元素的特点:注意:行内块级元素行内块级元素的特点:块转行内:display-inline;行内转块:display:block;块,行内元素转换为行内块:display:inline-block......原创 2022-06-27 07:24:01 · 381 阅读 · 0 评论