以下是一份关于CSS的笔记,涵盖了基础概念、属性和布局技巧等方面:
一、基础概念
CSS是层叠式样式表的简称,也称为级联样式表或样式表。它主要用于设置HTML页面中的文本内容、图片的外形以及版面的布局和外观显示样式。
CSS文件的后缀是.css,通常在HTML文档中嵌入或链接到外部CSS文件。
CSS不区分大小写,建议小写。
CSS具有层叠性,一个元素可以设置多个样式。当样式冲突时,优先级高的样式生效;优先级相同时,写在后面的样式生效。
二、CSS属性和布局技巧
文本样式:可以使用CSS设置文本的颜、字体、大小、对齐方式等。例如,color属性用于设置文本颜,font-family属性用于设置字体,font-size属性用于设置字体大小,text-align属性用于设置文本对齐方式。
css中的position属性图片样式:可以使用CSS设置图片的宽度、高度、边框、边距等。例如,width和height属性用于设置图片宽度和高度,border属性用于设置图片边框,margin和padding属性用于设置图片边距。
布局技巧:CSS提供了多种布局技巧,如浮动布局、定位布局、弹性布局等。其中,浮动布局是最常用的布局方式之一,通过float属性可以让元素左右浮动;定位布局通过position属性可以实现元素的定位;弹性布局则是一种更灵活的布局方式,通过flexbox或grid属性可以实现元素的灵活布局。
三、CSS选择器
CSS选择器是用于选择HTML元素的一种语法。常用的选择器有元素选择器、类选择器、ID选择器等。例如,p选择器可以选择所有的段落元素,.myClass选择器可以选择所有类名为myClass的元素,#myID选择器可以选择ID为myID的元素。
四、CSS的引入方式
内联样式:在HTML标签内使用style属性直接定义CSS代码。这种方式的优点是方便快捷,
但只对当前元素生效。
内部样式表:在HTML文档的<head>部分使用<style>标签定义CSS代码。这种方式的优点是可以对整个文档的样式进行统一管理,但需要手动编写CSS代码。
外部样式表:通过链接到外部CSS文件的方式引入CSS代码。这种方式的优点是可以实现样式的复用和共享,同时也可以方便地管理和维护样式表。
以上是一份关于CSS的笔记,希望对你有所帮助。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论