AI智能
改变未来

CSS 第43页

CSS知识点大全-爱站程序员基地

CSS知识点大全

AI

什么是CSS CSS(Cascading Style Sheets) 层叠样式表 是用于修饰文档的(可以是标记语言HTML ,也可以是XML或者svn)的语言,可以将文档以优雅的新方式呈现给用户。CSS声明(CSS declarations...

CSS浮动以及清除浮动 ——恋天小结-爱站程序员基地

CSS浮动以及清除浮动 ——恋天小结

AI

浮动(float) 可以让任何盒子可以一行排列,因此我们就慢慢的偏离主题,用浮动的特性来布局了 什么是浮动? 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。 在CSS中,通过float属性来定义浮...

CSS的水平布局-爱站程序员基地

CSS的水平布局

AI

CSS的水平布局1、元素水平方向的布局元素在其父元素水平方向的位置,由以下几个属性共同决定margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-righ...

css的鼠标手势总结-爱站程序员基地

css的鼠标手势总结

AI

css的鼠标手势 cursor:pointer; 或 cursor:hand : 手型cursor:crosshair : 十字cursor:text : 文本cursor:wait : 等待cursor:help : 问号cursor:e...

css相邻兄弟选择器和同辈选择器的区别-爱站程序员基地

css相邻兄弟选择器和同辈选择器的区别

AI

1.相邻兄弟选择器,定义+号后面那个选择器的属性。选择器1+选择器2{声明1;声明2;…}在HTML代码中,(引用)选择器1元素后面相邻着(引用)选择器2元素,则属性声明有效。标准浏览器才支持。提示:必须相邻才会有效。 <!docty...

css性能优化总结-爱站程序员基地

css性能优化总结

AI

整理一下css优化相关的知识,以后看到后会慢慢补充。主要从以下三个方面进行总结:1、减少加载页面时候的数据传输量。2、提高页面渲染速度。3、css代码的可维护性。 一、减少加载页面时候的数据传输量 为了减少数据传输量,主要是减少css代码的...

css布局——HTML-爱站程序员基地

css布局——HTML

AI

一、标准流布局 1.标准流布局标签在没有布局相关的属性的时候,默认的布局方式就是标准流布局。a.块级标签:一个占一行;默认宽度是父标签的宽度,默认高度是内容的高度;设置宽高有效。h1~h6、p、div、列表相关…b.行内标签:一行可以显示多...

CSS盒子模型 ——恋天小结-爱站程序员基地

CSS盒子模型 ——恋天小结

AI

行高的测量 行高我们利用最多的一个地方是:可以让一行文本在盒子中垂直居中对齐。做法就是:文字的行高等于盒子的高度。这里情况些许复杂,开始学习,我们可以先从简单地方入手学会。 总结: 上距离和下距离总是相等的,因此文字看上去是垂直居中的。 如...

css等比例分割父级容器(完美三等分)的实现-爱站程序员基地

css等比例分割父级容器(完美三等分)的实现

AI

父级容器的宽度一定,要实现子元素等比例完美均分父级宽度,实现方式有哪些? html部分代码: 方法一: 浮动布局+百分比 (将子元素依次左浮动,根据子元素的个数,设定每个子元素的宽度百分比) 方法二:行内元素(inline-block)+百...

css简易版五环-爱站程序员基地

css简易版五环

AI

* {margin: 0;padding: 0;}.wrapper {position: relative;border: 2px solid#fff;border-radius: 50%;top: 20%;left: 30%;}.demo...