CSS层叠样式表

您所在的位置:网站首页 快手纯数字id怎么改的 CSS层叠样式表

CSS层叠样式表

2023-07-06 04:16| 来源: 网络整理| 查看: 265

CSS:层叠样式表;有选择器(分基础选择器和复合选择器两种)和声明两部分组成 基础选择器:标签选择器:可以选出所有相同的标签 类选择器:样式点定义,结构类(class)调用 ,一个或多个,开发最常用),不用纯数字,中文命名(多类名使用方式,中间必须用空格隔开), id选择器 :通过#定义,(样式#定义,结构id调用,只能调用一次,别人切勿使用) 通配符选择器”*“把所有标签都修改样式  css字体属性:字体系列:font-family:"宋体"各个字体间用英文状态逗号隔开,如果有空格隔开的多个单词组成的字体加引号 最常见的几个字体:body{font-family:”Microsoft YaHei,“Tahoma,Arial,”hiragino sans GB";}(多个字体的作用是浏览器不能用这个字体,后面的字体代替前面的使用) 字体大小:font-size;标题标签比较特殊,需要单独指定文字大小 字体粗细:font-weight: bold;加粗(font-weight:100-900;400等同于normal,700等同于bold,数字后不跟单位。实际开发中,提倡使用数字,表示加粗或者变细 font-weight:normal默认值(不加粗的) 字体样式:font-style:normal;默认值(让倾斜的字体不倾斜),font-style:italic浏览器会显示斜体的字体样式 字体复合属性:简写(font:font-style  font-weight  font-size/line-height  font-family)【  font-size和font-family不可省略】     顺序不可更改:                italic                100                     16PX                 Microsoft YaHei;(“微软雅黑”;) 文本属性:color属性:用于定义文本颜色。 对其文本:text-align属性:用于设置元素内文本内容的水平对齐方式。(left左对齐(默认值),right右对齐,center居中对齐) 装饰文本:text-decoration属性:给文本添加装饰 none:默认,没有装饰线 underline:下划线,链接a自带下划线 overline:上划线。 line-through:删除线。 文本缩进:text-indent:2em;段落首行缩进(em表示缩进font-size一个文字的大小,如没有设置大小,则按照父元素的1个文字大小)) 行间距:line-height:设置行与行间的距离(行高)。 内部样式表(行内式):在HTML页面内部写样式,单独写到 标签内部 行内样式表(内联样式表):在元素标签内部的style属性中设定CSS样式。(也称行内引入式) 外部样式表(嵌入式):单独建一个CSS文件,把CSS文件引入到HTML页面中使用 分为两步1.新建一个后缀名为.css的样式文件,把所有CSS代码放入此文件中。 在HTML页面中,使用标签引入这个文件

chrome调试工具:        

        1.CTRL+滚轮可以放大开发者工具代码大小。         2.左边是HTML,右边CSS         3.右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色。         4.CTRL+0复原浏览器大小         5.如果点击元素,右侧没有样式引入,极有可能是类名或样式引入错误         6.如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3