HTML5-CSS3入门

tech2025-03-28  1

随着网页制作技术的不断发展,陈旧的CSS特性和标准已经无法满足现今的交互设计需求,开发者往往需要更多的字体选择。更方便的样式效果、更绚丽的图形动画。CSS3的出现,在不需要改变原有的设计结构的情况下,增加了许多新特性,极大的满足了开发者的需求。 由于HTML对网页修饰有很大的局限和不足,于是网络人员研发了CSS。 CSS核心:(1)CSS样表 1、行内式 < 标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;”>内容</标记名> 2、内嵌式

(2)CSS基础选择器 1、标记选择器 语法格式:标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 2、类选择器 注意:类选择器使用“.”(英文点号)进行标识,后边紧跟类名。 语法格式:.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 3、id选择器 注意:id 选择器使用“#”进行标识,后边紧跟id名,其基本语法格式如下:#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 4、通配符选择器 注意:通配符选择器用“*”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。其语法格式为:*{属性1:属性值1;属性2:属性值2;属性3:属性值3;} ![选择器的介绍](https://img-blog.csdnimg.cn/20200904190656968.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzIyOTI2,size_16,color_FFFFFF,t_70#pic_center) CSS中字体样式有很多,而设置字体样式的叫做字体样式属性。 而字体样式属性又有很多种,字体的粗细,字体的大小,某某字体.....统一设置他们的指令为font-属性名(一般用英文名,特殊可以打汉字) 除了这些文本属性,还要设置文本外观属性,其语句大多为text-属性名来设置。 还有各种语句譬如:color、letter-spacing、word-spacing、line-height、text-decoration(其中可直接设置字体的下划线) text-indent(首行缩进)最后就是white-space 设置空白符的处理方式有三种处理方式: 1、normal常规处理:文本中空格、换行无效,满行自动换行。 2、pre:预格式化,按文档的书写格式保留空格,空行原样显示。 3、nowrap:空格、空行无效,强制文本不能换行,除非遇到换行标记 。内容超出也无法换行,如果超出浏览器页面则自动增加滚轮条。 文本外观属性之text-shadow和text-overflow text-shadow是为页面中的文本添加阴影: 格式为:选择器{text-shadow:height-shadow v-shadow blur colo} text-overflow属性用于标示对象内溢出的文本。 其格式为:选择器{text-overflow:属性值;}属性值的常用取值有两个,一是clip修建溢出文本不显示省略标记“....”,二是ellipsis省略标记“.....“标示被修剪文本,省略标记插入的位置是最后一个字符。 其中各个语句或者选择器都具有一个优先级,CSS要严格按照优先级来实行命令。所以一定要注意CSS优先级。
最新回复(0)