CSS 背景属性(Background)
background | 在一个声明中设置所有的背景属性。 | 1 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动。 | 1 |
background-color | 设置元素的背景颜色。 | 1 |
background-image | 设置元素的背景图像。 | 1 |
background-position | 设置背景图像的开始位置。 | 1 |
background-repeat | 设置是否及如何重复背景图像。 | 1 |
CSS 边框属性(Border 和 Outline)
border | 在一个声明中设置所有的边框属性。 | 1 |
border-bottom | 在一个声明中设置所有的下边框属性。 | 1 |
border-bottom-color | 设置下边框的颜色。 | 2 |
border-bottom-style | 设置下边框的样式。 | 2 |
border-bottom-width | 设置下边框的宽度。 | 1 |
border-color | 设置四条边框的颜色。 | 1 |
border-left | 在一个声明中设置所有的左边框属性。 | 1 |
border-left-color | 设置左边框的颜色。 | 2 |
border-left-style | 设置左边框的样式。 | 2 |
border-left-width | 设置左边框的宽度。 | 1 |
border-right | 在一个声明中设置所有的右边框属性。 | 1 |
border-right-color | 设置右边框的颜色。 | 2 |
border-right-style | 设置右边框的样式。 | 2 |
border-right-width | 设置右边框的宽度。 | 1 |
border-style | 设置四条边框的样式。 | 1 |
border-top | 在一个声明中设置所有的上边框属性。 | 1 |
border-top-color | 设置上边框的颜色。 | 2 |
border-top-style | 设置上边框的样式。 | 2 |
border-top-width | 设置上边框的宽度。 | 1 |
border-width | 设置四条边框的宽度。 | 1 |
outline | 在一个声明中设置所有的轮廓属性。 | 2 |
outline-color | 设置轮廓的颜色。 | 2 |
outline-style | 设置轮廓的样式。 | 2 |
outline-width | 设置轮廓的宽度。 | 2 |
CSS 文本属性(Text)
color | 设置文本的颜色。 | 1 |
direction | 规定文本的方向 / 书写方向。 | 2 |
letter-spacing | 设置字符间距。 | 1 |
line-height | 设置行高。 | 1 |
text-align | 规定文本的水平对齐方式。 | 1 |
text-decoration | 规定添加到文本的装饰效果。 | 1 |
text-indent | 规定文本块首行的缩进。 | 1 |
text-shadow | 规定添加到文本的阴影效果。 | 2 |
text-transform | 控制文本的大小写。 | 1 |
unicode-bidi | 设置文本方向。 | 2 |
white-space | 规定如何处理元素中的空白。 | 1 |
word-spacing | 设置单词间距。 | 1 |
CSS 字体属性(Font)
font | 在一个声明中设置所有字体属性。 | 1 |
font-family | 规定文本的字体系列。 | 1 |
font-size | 规定文本的字体尺寸。 | 1 |
font-size-adjust | 为元素规定 aspect 值。 | 2 |
font-stretch | 收缩或拉伸当前的字体系列。 | 2 |
font-style | 规定文本的字体样式。 | 1 |
font-variant | 规定是否以小型大写字母的字体显示文本。 | 1 |
font-weight | 规定字体的粗细。 | 1 |
CSS 外边距属性(Margin)
margin | 在一个声明中设置所有外边距属性。 | 1 |
margin-bottom | 设置元素的下外边距。 | 1 |
margin-left | 设置元素的左外边距。 | 1 |
margin-right | 设置元素的右外边距。 | 1 |
margin-top | 设置元素的上外边距。 | 1 |
CSS 内边距属性(Padding)
padding | 在一个声明中设置所有内边距属性。 | 1 |
padding-bottom | 设置元素的下内边距。 | 1 |
padding-left | 设置元素的左内边距。 | 1 |
padding-right | 设置元素的右内边距。 | 1 |
padding-top | 设置元素的上内边距。 | 1 |
自己老是对属性映象不深,就复制了一些属性。用到时就看,总会熟悉它的。
相关推荐
根据给定的信息,我们可以归纳出一系列与CSS相关的知识点。这些知识点涵盖了CSS中常见的样式属性、布局设置以及其他一些高级特性。 ### 一、文本样式 在CSS中,可以通过一系列属性来控制文本的显示效果: 1. **...
"CSS学习归纳2的综合案例"可能涵盖了一系列的CSS技术,旨在帮助学习者更深入地理解如何使用CSS来美化和布局网页。让我们逐步解析这个综合案例可能涉及的知识点。 首先,`综合案例.html`很可能是包含HTML结构的文件...
CSS浮动float属性详解 在Web开发中,布局是非常重要的一方面,浮动float属性是CSS布局中非常关键的属性。通过对浮动float属性的理解和掌握,我们可以更好地实现网页的布局和排版。 Float浮动属性基本释义 float...
"CSS学习归纳3中的综合案例的代码"这个主题聚焦于通过实际的HTML页面来演示和实践CSS技术。这些案例涵盖了盒子模型和导航栏的设计,这些都是构建现代网页布局的基础。下面将详细阐述这些知识点。 首先,我们来看...
内联样式是最直接的方式,将CSS属性直接写在HTML元素的style属性中。多重样式指的是一个元素可以被多个样式表所引用,浏览器会按照优先级来决定最终样式。 在CSS中,背景是页面视觉呈现的重要部分,包括背景色、...
- 此部分主要介绍了与背景图片相关的CSS属性,包括但不限于背景图像、平铺方式、位置以及缩写语法等。 - 这些属性允许开发者精细地控制背景图像的显示方式,为网页设计增添更多视觉效果。 以上内容是对CSS3知识点的...
"Css知识点归纳总结" Css(Cascading Style Sheets)是一种用于描述标记语言文本样式的语言,主要用于控制网页样式和布局。下面是Css知识点总结: 基本格式 Css的基本格式是选择器{属性:值;},其中选择器是指要...
总结来说,"JavaSE html+CSS基础笔记归纳.zip" 包含的内容是JavaSE的基础知识,HTML和CSS的网页设计,MySQL数据库的使用,以及Java面试的常见问题。对于初学者或复习者来说,这些资料可以帮助巩固基础,提升技能,并...
具有简短写法的 CSS 属性很多,但是常用的属性无外乎字体、列表、背景、边框、透明等几种,所以在此对这几种属性的简短写法做个归纳,备忘。font 属性 font 属性涉及到字体、字号、行高等好几个属性,使用简短写法的...
基础的CSS语法与HTML属性类似,使学习者能快速上手。例如,改变网页背景色在HTML中是通过`<body bgcolor="#FF0000">`,而在CSS中则是`body { background-color: #FF0000; }`,这种方式更加简洁且易于管理。 通过这...
在HTML代码中,这些`DIV`通过`id`属性进行标识,如`<div id="Header">...</div>`。同时,注释的添加有助于理解代码,提高可读性。 接着,编写CSS样式来定义各个`DIV`的样式和布局。例如,设置`body`的字体、边距、...
3. **布局控制**:CSS提供了`display`属性来控制元素的显示方式,如`block`(块级)、`inline`(内联)、`inline-block`(内联块级)。`float`属性可以实现元素的浮动,`position`属性可以定义元素的位置为静态、...
10. **动画与过渡**: `transition`属性用于平滑地改变一个或多个CSS属性,而`animation`则允许自定义动画序列,两者结合可以创建丰富的动态效果。 11. **预处理器**: 如Sass、Less等CSS预处理器,引入变量、嵌套...
- 使用过时或不推荐的CSS属性。 - 忽略了CSS代码的整洁性,导致样式难以维护。 - 没有遵循CSS最佳实践,如过度使用内联样式等。 **解决方案:** - 使用如Clean CSS这样的工具来帮助优化和格式化CSS代码。 - 遵循CSS...
默认开启hasLayout的元素包括表格相关元素、图像、输入控件等,而某些CSS属性如`position: absolute`和`float: left|right`也会触发hasLayout。当遇到与hasLayout相关的问题时,可以通过调整元素的CSS属性或使用条件...
我们使用Div作为布局容器,通过CSS设置其宽高、位置和其他样式属性。例如,一个典型的Div结构可能是这样的: ```html <div id="header"> <!-- 页面头部 --> <div id="sidebar"> <!-- 侧边栏 --> ...
以下是从“爱淘课html网页属性[归纳].pdf”中归纳出的关键知识点: 1. **基本结构**:HTML文档的基础结构由`<html>`,`<head>`和`<body>`组成。`<head>`包含元数据,如`<title>`定义的页面标题,而`<body>`则包含...
在CSS文件中,定义每个Div层的样式,如颜色、字体、边界、浮动等属性,以此控制网页的视觉效果。 在实践中,读者需要理解并掌握以下几个关键概念: 1. CSS选择器:如何通过类名或ID选取HTML元素,并应用样式。 2. ...
**注意**:以上代码中,“onclick”并非标准的CSS属性,而是JavaScript事件处理的一部分。正确的CSS写法应该是将样式直接应用于元素或类,例如: ```css /* 正确的CSS示例 */ p { border: 5px double purple; /* ...