![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
麦芒.com
这个作者很懒,什么都没留下…
展开
-
表单
input 输入框 -type属性:输入框类型 type:text,普通文本输入框 type:password 密码框 type:date 日期选择框 type:search 搜索框 type:color 颜色选择器 type:checkbox 多选框 type:radio 单选框 (取同一个name属性) like this: <input type="password" placeholder="xxx"> -value属性:输入框的值 -placeholder属性:显示提示的文本,文本框原创 2021-04-27 10:44:08 · 56 阅读 · 0 评论 -
浮动
浮动 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 1.常规流 2.浮动 3.定位 应用场景 1.文字环绕 2.横向排列 浮动的基本特点 修改float属性值为: -left :左浮动,元素靠上靠左 -right:右浮动,元素靠上靠右 默认值为none 1.当一个元素浮动后,元素必定为块盒(更改display为block) 2.浮动元素的包含块,和常规流一样,为父元素的内容盒 盒子尺寸 1.宽度为auto时,适应内容宽度 2.高度为auto时,适应内容宽度 3.margin为auto时,为0 4.转载 2021-04-25 16:10:01 · 53 阅读 · 0 评论 -
层叠
层叠 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,浏览器自动处理(权重计算) 1 1.比较重要性 重要性从高到低: 作者样式表:开发者书写的样式 1)作者样式表中的!important样式 2)作者样式表中的普通样式 3)浏览器默认样式表中的样式 2.比较重要性 看选择器 总体规则:选择器选中的范围越窄,越特殊 具体规则:通过选择器,计算出一个4位数(x x x x) 1)千位:如果是内联样式,记1,否则记0 2)百位:等于选择器中所有id选择器的数量 3)十位:等于选择器中所有类原创 2021-04-21 15:32:39 · 80 阅读 · 0 评论 -
CSS画一个三角形
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /* css3绘制三角形 */ .triangle{ width: 0px; /*设置宽高为0,所以div的内容为空,从才能形成三角形尖角*/ heig原创 2021-04-21 14:33:58 · 53 阅读 · 0 评论