CSS基础小总结

CSS:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS的引入方式:行内样式:在标签里写(不推荐使用)
内联样式:利用style标签引入
外联样式:link外部css文件
@import方式引入css文件

CSS的选择器:元素选择器:a、div等
class选择器:. 类名
id选择器:# id名
伪元素选择器::link
:visited
:hover
:active

CSS的标准盒模型:content 盒内容
padding 盒内容与盒边框之间的距离
border 盒边框
margin 盒边框与盒边框之间的距离

CSS中浮动(float):float:left 左浮动
float:right 右浮动
float:none
清除浮动:clear left
clear right
clear both

CSS的定位模式(position):static 不开启定位
relative 相对定位 不脱离文档流
absolute 绝对定位 脱离文档流
fixed 固定定位

CSS的属性:字体(font):font-family 字体类型
font-size 字体大小
font-style 字体风格
font-weight 字体粗细
文本(text):color 文本颜色
text-align 水平对齐方式
text-indent 首行缩进
line-height 行高
text-decoration 文本样式
text-shadow 阴影色
背景(background):background-color 背景色
:background-image url (图片路径)
:background-repeat 背景重复方式
:background-position 背景定位
:background-size 背景图片大小
线性渐变 linear-gradient(渐变方向,color1、color2)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,我来回答关于CSS和HTML基础的问题。 CSS和HTML是构建网页的两个基本语言。HTML是超文本标记语言,用于定义网页的结构和内容。CSS是层叠样式表,用于控制网页的布局和外观。 HTML定义了网页的内容和结构,包括标题、段落、列表、表格等元素。它使用标签来标识不同的元素,例如<p>标签表示段落,<h1>~<h6>标签表示标题等。 CSS则定义了网页的样式和布局。它可以控制字体、颜色、背景、边框、位置等元素。CSS使用选择器来选择要样式化的HTML元素,例如使用类选择器(.class)来选择特定的元素进行样式化。 以下是一些常用的CSS样式属性和值: - font-size: 设置字体大小 - color: 设置字体颜色 - background-color: 设置背景颜色 - border: 设置边框 - margin: 设置元素的外边距 - padding: 设置元素的内边距 - width: 设置元素的宽度 - height: 设置元素的高度 - text-align: 设置文本对齐方式 - display: 控制元素的显示方式(例如block、inline、inline-block等) 希望这些简单的介绍能够帮助您更好地理解CSS和HTML的基础知识。如果您有任何其他问题,请随时问我。 ### 回答2: CSS(层叠样式表)是一种用于美化网页的标记语言,而HTML(超文本标记语言)是用于构建网页结构的标记语言。在进行CSS与HTML基础练习时,我们通常会结合两者一起使用,以实现更好的网页效果。 首先,对于HTML的基础练习部分,我们可以通过构建一个简单的网页来熟悉HTML的常见标签和属性。例如,可以创建一个包含标题、段落、链接和图片的网页。在这个过程中,我们可以学习到HTML中常用的标签,如`<h1>`、`<p>`、`<a>`和`<img>`,以及它们的属性,如`href`和`src`等。 接下来,我们可以进一步练习CSS基础知识。通过为前面创建的网页添加样式,我们可以使用CSS选择器来选择特定的HTML元素,并对其应用一些样式。例如,我们可以为标题添加不同的字体和颜色,为段落添加背景色,为链接添加下划线,并将图片居中显示。在这个过程中,我们可以学习到CSS的常见选择器,如元素选择器、类选择器和ID选择器,以及一些常用的样式属性,如`color`、`background-color`和`text-align`等。 在完成基础练习后,我们还可以进一步探索更高级的CSS和HTML技术。例如,学习使用盒模型来控制元素的大小和布局,学习使用浮动和定位来创建复杂的页面布局,学习使用媒体查询来实现响应式设计等。 总之,通过CSS与HTML基础练习,我们可以逐步熟悉这两种技术,并且掌握它们的基本用法。通过实际操作和不断练习,我们可以提高自己的技能,并能够创建出令人满意的网页效果。 ### 回答3: CSS(层叠样式表)是一种用于控制网页样式和布局的语言,而HTML(超文本标记语言)是一种用于创建网页结构的标记语言。在进行CSS与HTML基础练习时,我们可以通过以下方式来加深对它们的理解和应用。 首先,可以尝试使用HTML创建一个简单的网页结构,例如头部(header)、导航栏(navigation bar)、主体内容(main content)和底部(footer)。通过正确地使用HTML标签(如`<header>`、`<nav>`、`<main>`和`<footer>`),可以将这些结构元素正确地嵌套和组织起来。 接下来,可以使用CSS为这个网页添加样式。可以尝试修改网页的背景颜色、字体、字号、对齐方式等属性。可以通过为元素添加类(class)或ID(id)来选择并应用样式。例如,可以通过`.header`类选择器来设置头部元素的样式,或者通过`#nav-bar` ID选择器来设置导航栏元素的样式。 此外,还可以通过CSS来调整网页的布局。可以使用CSS的盒模型来设置元素的宽度、高度、边距和内边距。可以使用浮动(float)属性来实现元素的并排排列,或者使用弹性布局(flexbox)来实现更灵活的布局效果。 在练习过程中,可以不断尝试不同的样式和布局,通过修改CSS代码和HTML代码来观察效果的变化。可以使用浏览器的开发者工具来检查和调试样式。通过不断练习,可以逐渐熟悉CSS与HTML的基础知识,提高对它们的理解和使用能力。 总结起来,通过进行CSS与HTML基础练习,我们可以加深对它们的理解,掌握它们的基本语法和应用方法,提高网页的样式和布局设计能力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值