wed前端
文章平均质量分 59
执念的鱼686
这个作者很懒,什么都没留下…
展开
-
CSS盒子模型
CSS盒子模型CSS中的盒子模型(box ,model)是为描述一个HTML元素而形成的矩形盒子,网页上在所有元素都可以描述成盒子通过管理盒子以及多个盒子之间的关系,是实现页面布局的重要基础。盒子的排列方式:① 横向排列 ② 纵向排列③ 嵌套排列 ④ 层叠排列盒子模型通过四个要素来描述① Content 内容区域 ② Padding 内边框③ Border 边框 ④Margin 外边框 元素的宽和高 元原创 2021-08-04 20:11:24 · 149 阅读 · 0 评论 -
CSS组合选择器
CSS组合选择器组合选择器是以三种基本选择器为基础,通过组合产生出新的选择器,从而实现更强,更方便的选择器功能。标记类别选择器标记类别选择器,也称之为交集选择器。由两个选择器直接构成第一个必须是标记选择器第二个可以是类别选择器也可以是ID选择器这两个选择器之间以.或#连接,中间不能有空格<style> p.one{color:red} /*p标签one类的内容字体变成红色*/ p#two{color:blue} /*p标签id为two的内容字体变成蓝原创 2021-06-28 10:25:17 · 237 阅读 · 0 评论 -
CSS样式
CSS样式内联样式内联样式也成为行内式,通过标记的style属性来设置元素的样式<p style="font-family: '黑体';color: red;">内容</p>内行式只对其所在的标记及嵌套在其中的子标记起作用需要每个标记设置style属性,后期不好维护内部样式表内部样式表也成为内嵌式,是Css代码集中写在HTML文档中的</ head>之间,用样式只对当前文档有效,所以适用于特殊页面设置单独样式<html>原创 2021-06-25 12:50:23 · 76 阅读 · 0 评论 -
CSS基本选择器
CSS基本选择器标记选择器选择器用标签命名的选择器为标记选择器。能快速为页面的由同一标记描述的网页内容统一样式,同时这也是它的缺点,不能 设计差异化的样式。类别选择器类别选择器可以实现差异化的样式定义,类别选择器的名称由用户自定义,用一个 “.”来标记类别的名称。定义之后在标记内用class属性引用。类别选择器的特点只有引用的样式才能作用于指定对象可以将一个类别选择器应用于多个元素一个元素上也可以应用多个类别选择器注意:类名的第一个字符不能使用数字。ID选择器ID标记器原创 2021-06-24 17:59:21 · 170 阅读 · 0 评论