当前位置:网站首页 > HTML与CSS基础 > 正文

css规范写法(css书写注意事项)



在学习HTML时,通常也会使用HTML对文本字体进行一些非常简单的样式设置,而使用CSS 对字体样式进行设置远比使用 HTML灵活、精确得多。


`font-family` 属性用来定义一个优先级字体列表。浏览器会从左到右尝试加载列表中的字体,如果某个字体不可用,则会尝试下一个。
 

 
  
 
  

代码1

 
  

 
  
 
  

 代码2

 
  

网页的排版离不开对文本的设置,本节主要讲述常用的文本样式,包括文本对齐方式行高、文本修饰、段落首行缩进、首字下沉、字符间距、文本截断、文本颜色及背景色等

代码3

 
  
 
  

 代码4

 
  

 
  

 代码5

 
  

 
  

 代码6

 
  

 
  
 
  

代码7 

 
  


`letter-spacing` 属性用于设置字符之间的间距。
说明:该属性定义元素中字符之间插人多少空白符。如果指定为长度值,会调整字符之间的标准间距,允许指定负长度值,这会让字符之间变得更拥挤。

 
  

代码8 

 
  

当需要在一行内显示文本,并且当文本过长时希望显示省略号时,可以使用 `text-overflow` 和 `overflow` 属性。

 
  

 代码9

 
  

 
  
 
  

 代码10

 
  

图像是网页中不可缺少的内容,它能使页面更加丰富多彩,能让人更直观地感受网页所要传达给浏览者的信息。本节详细介绍CSS设置图像风格样式的方法,包括图像的边框、图像的缩放和背景图像等。

 
  

 代码11

 
  

 
  

 代码12

 
  
 
  

 代码13

 
  

 
  

 代码14

 
  

6.3.5.1 使用关键字进行背景定位

 
  

 代码15

 
  

6.3.5.2 使用长度进行背景定位

长度参数可以对背景图像的位置进行更精确的控制,实际上定位的是图像左上角相对于元素左上角的位置。使用具体的长度值来定位背景图像。

 
  

 代码16

 
  

6.3.5.3 使用百分比进行背景定位

 
  

 代码17

 
  

 

在前面章节中讲解的表单设计大多采用表格布局,这种布局方法对表单元素的样式控制很少,仅局限于功能上的实现。本节主要讲解如何使用CSS控制和美化表单。

表单中的元素很多,包括常用的文本域、单选钮、复选框、下拉菜单和按钮等。下面通过一个实例讲解怎样使用CSS修饰常用的表单元素。

6.4.1.1 修饰文本域

 
  

 代码18

 
  

 

6.4.1.2 修饰按钮

 
  

 代码19

 
  

6.4.1.3 制作登录表单

 
  

 代码20

 
  

(1)栏目目录结构。在栏目文件夹下创建文件夹images和css,分别用来存放图像素材
和外部样式表文件。
(2)页面素材。将本页面需要使用的图像素材存放在文件夹images下。(3)外部样式表。在文件夹css下新建一个名为style.css的样式表文件。

 
  

 

 
  

 

到此这篇css规范写法(css书写注意事项)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • py文件如何生成pdf(py文件怎么转化成html文件)2025-08-23 13:45:07
  • css伪类选择器和伪元素选择器(css中伪类和伪元素选择器)2025-08-23 13:45:07
  • css 规范(css的规范)2025-08-23 13:45:07
  • css3新增属性(css3新增的表单元素有哪些)2025-08-23 13:45:07
  • css伪类选择器优先级(css伪类选择器有哪几种?)2025-08-23 13:45:07
  • html网页颜色代码怎么用(html网页颜色代码怎么用手机打开)2025-08-23 13:45:07
  • css4导弹(css-10导弹)2025-08-23 13:45:07
  • css4导弹(s—400导弹)2025-08-23 13:45:07
  • css grid布局居中(css grid布局缺点)2025-08-23 13:45:07
  • bs4解析html方法(html 解析)2025-08-23 13:45:07
  • 全屏图片