CSS学习笔记
文章平均质量分 69
CSS相关内容
世澈
继续卷。
展开
-
CSS中的字体
常用属性属性名描述font-family设置字体;font-style设置字体的风格,例如倾斜、斜体等;font-weight设置字体粗细;font-size设置字体尺寸;font-variant将小写字母转换为小型大写字母;font字体属性的缩写,可以在一个声明中设置多个字体属性。font-famliy设置方式系统字体在style标签内的对应选择器下设置:font-family:'宋体','黑体';应用此方法时,若开发者和原创 2022-05-14 14:24:34 · 797 阅读 · 0 评论 -
CSS中的颜色
注意:避免使用饱和度过高的颜色;使用黑色、白色时避免使用纯黑、纯白;颜色表示方法名称版本简介Color NameCSS1用颜色名称来指定颜色HEXCSS1十六进制记法RGBCSS2rgb记法RGBACSS3rgba记法HSLCSS3hsl记法HSLACSS3hsla记法transparentCSS1/CSS3全透明颜色名称基本颜色关键字;系统颜色(避免使用);拓展颜色关键字;HEX语法:#原创 2022-05-13 16:22:18 · 344 阅读 · 0 评论 -
CSS中的盒子模型、怪异盒子模型
盒子模型构成:Margin(外边距)清除边框外的区域,外边距是透明的。Border(边框)围绕在内边距和内容外的边框。Padding(内填充)清除内容周围的区域,内边距是透明的。Content(内容)盒子的内容,显示文本和图像。应用方式box-sizing:content-box; 边框边框样式p{ border-color: ; border-width: ; border-style: ;(必填项)}四条边框的顺序也是顺时针的原创 2022-05-13 14:57:37 · 282 阅读 · 0 评论 -
CSS中元素分类及元素类型转换相关知识
元素分类行内元素;块元素;行内块元素;行内元素(inline)又称内联元素;始终以行内逐个进行显示;宽高:不单独占行,无法设置宽高;宽度、高度均取决于自身内容;比如:a、span;块元素(block)又称块状元素;宽高:单独占行、可改变宽高;默认状况下:宽度:100%;高度:自身内容高度;比如:div、ol、ul;行内块元素(inline-block)又称内联块元素;不单独占行;宽高:默认宽高为自身内容宽高,但可以修改;网页布局时易原创 2022-05-12 23:50:05 · 150 阅读 · 0 评论 -
CSS中的定位:相对定位、绝对定位、浮动
定位:允许编程时定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置;三种基本的定位机制普通流;除非专门指定,否则所有框都在普通流中定位;浮动;绝对定位;绝对定位position属性属性值的含义:static默认值;元素框正常生成:元素出现在正常的流中,忽略top、bottom、left、right或者z-index声明;relative(相对定位)元素框相对于其正常出现位置偏移某个距离;元素仍保持其未定位前的形状,它原创 2022-05-12 22:00:02 · 882 阅读 · 0 评论 -
CSS选择器相关内容
注意:重复选择时,效果为最后一次设定的值;选择器优先级通过优先级来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值;最高到最低顺序为:id选择器、类选择器、标签选择器、子选择器、后代选择器、伪类选择;赋予高权重:在属性值之后,分号前面加入“!important”。color:red !important;常用选择器权重:选择器权值id选择器100class选择器10元素选择器1!important1000选择器分类原创 2022-05-12 16:00:05 · 107 阅读 · 0 评论 -
CSS语法简介及使用方式
语法简介CSS语句由两个主要的部分构成:选择器,以及一条或多条声明:选择器就是你要改变样式的HTML元素;每条声明由一个属性和一个值组成;属性(property)是你希望设置的样式属性(style attribute);每个属性有一个值;属性和值被冒号分开;使用方式(添加到HTML中)嵌入式(内部样式表)使用HTML文档头部<head>区域使用style元素来包含CSS;适用于单个文件需要特别的样式时;<head> <style type=原创 2022-05-12 15:54:45 · 234 阅读 · 0 评论