CSS
hsvenus
努力挣扎的小白
展开
-
CSS基础—>盒子模型
盒子模型盒子模型的组成边框内边距外边距盒子模型:就是把HTML页面中的布局元素看作是一个矩形盒子,也就是一个装东西的盒子CSS盒子模型也是一个盒子,封装HTML元素盒子模型的组成组成部分:边框border外边框margin内边框padding内容content边框边框会影响盒子的实际大小语法:border : border-width ...原创 2020-05-01 18:51:43 · 182 阅读 · 0 评论 -
CSS基础—>三大特性
三大特性层叠性继承性行高的继承优先级层叠性继承性优先级层叠性相同选择器给设备设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题层叠性原则:样式冲突,遵循的原则就就近原则:其实就是代码覆盖样式不冲突,不会重叠列:<html><head><meta charset="utf-8"><ti...原创 2020-05-01 17:42:48 · 174 阅读 · 0 评论 -
CSS基础之从入门到放弃
CSS基础知识四个基础选择器字体属性文本属性引入方式复合选择器元素显示模式CSS背景图片不定时更新 待续。。。。。原创 2020-04-27 19:56:59 · 183 阅读 · 0 评论 -
CSS基础—>CSS背景图片
CSS背景背景图片背景平铺背景图片的位置背景图像固定背景复合写法背景颜色半透明通过CSS背景属性,可以給网页元素添加背景样式背景属性可以设置背景颜色、背景图、背景平铺、背景图片位置、背景图像固定等等背景图片background-image属性描述了元素的背景图像、实际开发常见于logo或者一些装饰的小图片或者是超大的背景图片,优点是非常便于控制位置(图灵也是一种运用场景)backgrou...原创 2020-04-27 16:12:12 · 421 阅读 · 0 评论 -
CSS基础—>元素显示模式
元素显示模式块元素行内元素行内块元素作用:网页的标签非常多,在不同的地方会用到不同类型的标签,了解他们的特点之后可以更好的布局我们的网页元素显示模式就是元素(标签)以什么方式进行显示,比如<div> 自己占一行,比如一行可以放多个<span>HTML元素一般分为块元素和行内元素两种类型块元素常见的块元素有<h1>~<h6>、<p>...原创 2020-04-26 16:46:37 · 319 阅读 · 0 评论 -
CSS基础—>复合选择器
复合选择器后代选择器子选择器并集选择器伪类选择器链接伪类在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或者多个基础选择器,通过不同的方式组合而成常用的复合选择器包括:后代选择器子选择器并集选择器伪类选择器等等后代选择器后代...原创 2020-04-26 12:35:18 · 205 阅读 · 0 评论 -
CSS基础—>引入方式
引入方式内部样式表行内样式表外部样式表内部样式表内部样式表(内嵌样式表)是写到html页面内部,是将所有的CSS代码抽取出来,单独放到一个 <stuyle>标签中例:<style> div { color: red; font-size: 12px; }</style><style>标签理论上可以放在HTML文档的任何地方...原创 2020-04-25 00:17:54 · 173 阅读 · 0 评论 -
CSS基础—>文本属性
文本属性文本颜色对齐文本装饰文本文本缩进行间距CSStext(文本)属性可定义文本的外观,比如文本的颜色,对齐,装饰文本、缩进、行间距等文本颜色color属性用于定义文本的颜色例:div { color: red;}表示属性值预定义的颜色值red、green、blue等等十六进制#FF6600、#FFFFFFRGB代码rgb{255,0,0}...原创 2020-04-24 23:41:00 · 168 阅读 · 0 评论 -
CSS基础—>字体属性
字体属性font-familyfont-sizefont-weightfont-style字体的复合属性CSS Fonts(字体)属性用于定义字体系列,大小,粗细,和文本样式(如斜体)font-familyCSS使用font-family属性定义文本的字体系列列:p { font-family: '微软雅黑';}div { font-family: Arial,'黑体','微软...原创 2020-04-24 22:58:30 · 542 阅读 · 0 评论 -
CSS基础—>四个基础选择器
CSS简介CSS语法规范CSS代码风格CSS基础选择器CSS选择器的作用选择器的分类标签选择器代码效果类选择器刚简单的学完HTML5这就屁颠屁颠的跑进了CSS的场地,嘻嘻简介CSS网页的美容师主要使用场景就是美化网页,布局页面的CSS是层叠样式表(Cascading Style Sheets)的简称CSS也是一种标记语言CSS主要用于设置HTML页面中的文本内容(字体,大小,对齐方式...原创 2020-04-23 23:39:53 · 725 阅读 · 0 评论