css学习
逗比的monokuma
这个作者很懒,什么都没留下…
展开
-
css学习12:font复合属性写法
字体属性可以吧之情将的样式综合来写,这样可以更节约代码div { font: font-style font-weight font-size font-family; }使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开不需要设置的属性可以省略,但必须保留font-size和 font-family 属性,否则 font 属性不起作用代码演示:页面展示:...原创 2021-06-29 11:00:50 · 1052 阅读 · 0 评论 -
css学习11:font-style字体样式
css使用 font-style 属性设置文本的风格p { font-style: italic; }这里说下常用到的属性值:属性值 作用 normal 默认值,浏览器会默认显示标准的字体样式 italic 浏览器会显示倾斜的字体样式 注意:我们平时很少给文字加斜体,反而要给标签(em, i)改为不倾斜字体代码演示:页面效果展示:...原创 2021-06-29 10:02:53 · 984 阅读 · 0 评论 -
css学习10:font-weight字体粗细
css 使用 font-weight 属性设置文本字体的粗细.bolder{ font-weight: bolder; }属性值:normal 正常的字体,相当于number为400,声明此值取消之前任何设置 bold 粗体,相当于number为700,也相当于b标签的作用 bolder 特粗体 lighter 细体 100-900 注意这个数字后面不跟单位 代码演示:页面效果演示...原创 2021-06-29 09:39:29 · 408 阅读 · 0 评论 -
css学习09:font-size字号大小
css 使用 font-size 属性定义字体大小。h2 { font-size: 18px; }1 px(像素)大小是网页的最常用的单位2 谷歌浏览器默认的文字大小为16px3 不同浏览器肯默认显示的字号大小不一致,我们精良给一个明确大小,不要默认大小、4 也可以给body指定整个页面文字大小代码演示:页面效果展示:...原创 2021-06-29 09:21:34 · 1221 阅读 · 0 评论 -
css学习08:font-family设置字体系列
css 中 font(字体) 属性用于定义 字体系列、大小、粗细和字体样式(如斜体)。css 使用font-family设置字体系列。举例:h2 { font-family: "微软雅黑"; }注意:1 各种字体之间必须使用英文逗号分隔开2 一般情况下,如果有控股个隔开的多个单词组成的字体,加引号3 尽量使用默认自带的字体,保证在任何用户的浏览器中能正常显示代码演示:页面效果展示:...原创 2021-06-29 09:00:39 · 835 阅读 · 0 评论 -
css学习07:通配符选择器
在css中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)。语法:* { 属性名:属性值;}注意:通配符选择器不需要调用,自动就给所有的元素使用样式特殊情况下使用,比如清除所有元素标签的内外边距* { margin: 0; padding: 0;}代码演示:页面效果演示:把之前的东西总结以下:...原创 2021-06-28 15:45:43 · 813 阅读 · 0 评论 -
css学习06:id选择器
id选择器可以为标有特定id的HTML元素指定特有的样式HTML元素以id属性来设置id选择器,css中id选择器以“#”来定义语法: #id名{ 属性1:属性值1; ........ }举例:将id为nav元素中的内容设置为红色#nav{ color:red;}注意:id属性只能在每个html文档中出现一次。举例:当一个标签A调用了id属性a,则标签B不能再调用id属性a...原创 2021-06-28 15:12:30 · 8477 阅读 · 3 评论 -
css学习05:类选择器特殊使用-多类名
我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这个标签。简单理解就是一个标签有多个名字。1 多类名使用方式 举例:<div class="red font20">红色</div>注意:在标签class属性中写多个类名 多个类名中间必须用空格分开 这个标签就可以分别具有这些类名的样式2使用场景 (1)可以把一些标签元素相同的样式(共同的部分)放到一个类里面...原创 2021-06-28 15:03:06 · 1525 阅读 · 0 评论 -
css学习04:类选择器
类选择器:如果想要差异化选择不同的标签,单独选一个或几个标签,可以使用类选择器语法: 先在标签里定义一个类 <标签名class='类名'> xxx</标签名> 举例:<div class='red'> 变红色 </div> 在style标签内写入 .类名{ 属性1: 属性值1; ........ } 举例:将所有拥有red类的HTML元素均为红色 .red { color...原创 2021-06-28 14:59:50 · 3453 阅读 · 0 评论 -
css学习03:标签选择器
先简单说下选择器的分类:选择器分为基础选择器和复合选择器两个大类-基础选择器是由单个标签组成的-基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器什么是标签选择器?标签选择器:是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css样式。语法(必须得记住这真的是很简单):标签名 {属性2:属性值2;属性2:属性值2;属性3:属性值3;........}注意下:属性与属性值之间用用英文冒号(...原创 2021-06-28 14:55:13 · 222 阅读 · 0 评论 -
css学习02:CSS选择器的作用
选择器的作用:简单来说,就是选择标签的详细来说:选择器就是根据不同需求把不同的标签 选出来举例:h1{ color:red ;fontsize:25px;}以上CSS做了两件事:1.找到所有的h1标签(选对人)2.设置这些标签的样式颜色为红色(做对事)代码演示: 这里把下一节代码提前放出来,新手不要害怕一开始的样式怎么写,我们可以问度娘。这里将所有p标签的文字颜色设置为绿色,将所有div标签内的文字颜色设置为粉色。页面效果演示:...原创 2021-06-28 14:45:31 · 266 阅读 · 0 评论 -
css学习01:css语法规范
css规则由两个主要部分构成:选择器以及一条或多条声明原创 2021-06-28 14:39:15 · 104 阅读 · 0 评论