我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

康利-20221012-CSS

[复制链接]
智商不在服务区 发表于 2022-10-13 08:42:54 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、学习内容:
1.基本概念
css是层叠样式表(cascading style sheet)的简称,css也是一种标记语言,可以给HTML书写出来的网页设置不同的样式
选择器是用于指定css样式的HTML标签,{}厘米是对该选择器设置的具体样式;属性和属性值是以“键值对”的形式出现的;属性是一种特定的样式属性,例如:字体颜色,字体大小等等;属性和属性值之间要用英文的“:”隔开;多个”键值对“之间要用英文的“;”来隔开

2.css的基础选择器
标签选择器是指用html标签名作为选择器,对页面中所有的符合条件的一类标签来指定统一的css样式
类选择器:差异化选择不同的标签可以使用类选择器
注意:类选择器用英文的“.”来定义,后面要跟类名;长类名一般可以使用横线来进行连接;不用使用纯数字、中文等进行命名,要使用英文字母来命名;类的命名要有意义,尽量使他人一眼就知道这个类名的目的。

多类名的使用:在标签class属性中写多个类名可以进行多类名调用;多个类名之间要用空格隔开;调用完后就会显示所有被调用类名所声明的样式。
ID选择器:id是唯一的标识,所以id选择器主要是为了唯一的id的html元素来指定特定的样式;id选择器用“#”来进行定义,用id来调用。
ID选择器和类选择器之间的区别:类选择器好比人名,一个人可以有多个名字,同一个名字也可以被多个人使用;id选择器相当于身份证号码,全国唯一,不得重复;id选择器在一个网页中只能使用一次,类选择器可以使用多次;类选择器在修改样式中使用的频率最高,id选择器一般用于页面的唯一性的元素,经常搭配js来使用。
通配符选择器:在css中,通配符选择器用“*”来定义,它表示选择页面中的所有元素。
通配符选择器不需要进行调用,可以直接给所有的元素设置样式
3.css的字体属性
font-family(字体外观):各个字体之间必须使用英文的“,”隔开;一般情况下,进行使用系统默认的字体,保证在任何用户浏览器中都可以正确显示;如果字体的名字有空额,需要用“ ”将字体名字引起来。
font-size(字体大小):一般设置字体的时候采用的单位是px(像素值);谷歌浏览器的默认字体大小是16px;可以给body标签中指定文字大小样式,来改变整个页面的文字大小;不同的浏览器可能默认显示的字体大小不一样,我们尽量设置一个明确的字体大小,不要使用默认大小。
font-style(字体样式):normal:默认值,浏览器会显示标准的字体样式;italic:将字体调整为斜体样式
font-weight(字体的粗细):400代表正常的字体粗细;700代表加粗的字体粗细
字体的复合属性:字体属性可以把以上的文字样式来进行综合书写,这样可以使代码更加精简,开发中也经常采用这种方式
4.css的文本属性
文本颜色:可以使用十六进制、RGB以及英文单词来表示颜色,实际开发中最常用的是十六进制
文本对齐、装饰文本、文本的缩进、行间距
5.css的三种引入方式
行内样式表(行内式):行内样式表是在元素标签内部的style属性中来设置css样式,适合于简单的样式修改
内部样式(嵌入式):写到html页面内部的,将所有的css代码都写到style标签中
外部样式表(链接式):外部样式表是我们实际开发中最常用的方式,首先创建一个css文件中,放入我们所需要的样式,然后在文件中引入样式文件即可
回复

使用道具 举报

关注0

粉丝0

帖子68

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026