首页 / 知识
CSS基础知识
2023-04-11 14:06:00

HTML满足不了设计者的需求HTML操作属性不方便HTML里面添加样式带来的是臃肿和繁琐
CSS:层叠样式表 设置网页外观的样式
通过style的属性值来设置元素的样式
注意事项
style便是元素的属性属性与属性值之间用:相隔多组属性值之间用;相隔没有实现元素样式和结构相分离
将CSS代码写在之间 并用style标签定义
注意事项
type="text/css"可以省略只能控制当前页面没有彻底实现样式和结构相分离
将样式表放入一个或多个以。css扩展名的文件中 ,用link标签将样式表引入html文件中
作用:找到特定的页面HTML元素
优点: 能够快速为某一类元素设置样式
缺点: 不能设计差异化样式。
可为一个或某几个元素设置相同的样式 类名用英语表示,见命之意。
标签可以拥有多个类名,以达到更好的目的。类名之间用空格相隔开。
注意事项
ID选择器是唯一的,一个标签只能拥有一个id名id选择器和类选择唯一的区别在于使用次数上
样式
标签
选择页面中所有的标签设置相同的样式,建议轻易使用
作用:设置字号
注意事项
不同浏览器的默认字号都不一样,因此直接给body设置默认字体。
font-family:设置字体
注意事项
可以指定多个字体,字体之间用英文状态下逗号相隔英文的字体要用""包裹
font-weiht:字体粗细
注意事项
可以用HTML实现加粗效果 也可以用css实现 但没有语义
样式
font-style:字体倾斜
选择器 {font:font-style font-weight font-size/line-height font-family}
注意事项
不能省略font-size font-family两个属性
text-align:文本水平对齐方式
注意事项
是让盒子的内容水平居中 而不是让盒子水平居中
line-height:行高
一般情况下 行高比默认字体大7 8像素即可
text-indent:首行缩进 一般用em表示 1em等于一个汉字的宽度
text-decoration:文本装饰
f12ctrl+shift+I右击检查 即可打开
注意事项
左侧是结构 右侧是样式
|
最新内容
相关内容
python数据分析相关的技术
python数据分析相关的技术,分析,数据,培训,技术,pythonpython的优势是什么
pythonpython的优势是什么,发展,环境,基础,培训,工作,市场,首次,数据,人工智能,能力,python是一门伟大的入门语言。作为一门伟大的编程语言,一python类的继承机制
python类的继承机制,代码,培训,方法,定义,对象,机制,口感,语法,圆括号,水果,继承是面向对象的三大特征之一,也是实现代码复用的重要手段。继承python带有yield的函数在Python中
python带有yield的函数在Python中如何使用,培训,异常,函数,生成器,结果,表达式,后边,语句,场景,关键字,yield的函数在Python中的使用yield在python循环的elif报错是什么原因
python循环的elif报错是什么原因,培训,数据,语句,条件,结果,变量,使用方法,程序,更多,内容,python循环的elif报错:else和elif语句也可以叫做子python列表和元祖之间的区别
python列表和元祖之间的区别,数据,培训,设计,名字,类型,区别,同构,列表,不同点,操作,python列表和元组的区别如下相同点:都是序列类型回答它们python类和函数的区别是什么
python类和函数的区别是什么,代码,名称,培训,信息,函数,圆括号,字符串,冒号,表达式,文档,python类(Class):用来描述具有相同的属性和方法的对python一个数的平方怎么表示
python一个数的平方怎么表示,培训,平方根,个数,函数,模块,表示,方法,表达式,实例,下面,用python进行数学计算,可以使用python内置的函数模块,下python如何求一个数的平方
python如何求一个数的平方,培训,平方根,个数,整数,函数,模块,方法,小数,表达式,数值,用python进行数学计算,可以使用python内置的函数模块,下面pythonpython是什么类型的语言
pythonpython是什么类型的语言,培训,系统,教育,软件,电脑,代码,简介,人工智能,类型,语言,python是一种面向对象、解释型、动态类型计算机程序python哪个版本是免费的
python哪个版本是免费的,培训,发行,通用,项目,设计,版本,以上,语言,计算机,构架,python是免费的,也就是开源的。目前市面上主流的版本有pythonpython判断字符串是否为小数的方法
python判断字符串是否为小数的方法,培训,代码,合法,小数点,小数,整数,字符串,方法,右边,左边,python想判断一个字符串是不是一个合法的小数,但