天涯论坛

 找回密码
 立即注册
搜索
查看: 76|回复: 2

Web前端之CSS

[复制链接]

3039

主题

148

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99119141
发表于 2024-6-29 19:13:42 | 显示全部楼层 |阅读模式

第1章,CSS简介

CSS的重点运用场景便是美化网页,布局页面。

1,HTML的局限性

说起HTML,这其实是个非常单纯的家伙,它只关注内容的语义。例如<h1>表面这是一个大标题,<p>显示这是一个段落,<img>显示这儿有一个照片,<a>暗示此处有链接。

很早的时候,世界上的网站虽然非常多然则她们都有一个一起的特点:丑。

虽然HTML能够做简单的样式,然则带来的是尽的臃肿和繁琐。

2,CSS:网页的美容师

CSS是层叠样式表(Cascading Style Sheets)的简叫作,有时叫作为CSS样式表或级联样式表。

CSS是一种标记语言,CSS重点用于设置HTML页面中的文本内容(字体、体积、对齐方式等)、照片的外形(宽高、边框样式、边距等)以及版面的布局和外观表示样式。

CSS让咱们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS能够美化HTML,让HTML更美丽,让页面布局更简单。

总结:

HTML重点做结构,表示元素内容;CSS美化HTML,布局网页;CSS最大价值:由HTML专注去做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)相分离。

3,CSS语法规范

运用HTML时,必须遵从必定的规范,CSS是如此。想要熟悉运用CSS对网页进行修饰,首要必须认识CSS样式规则。

CSS规则由两个重点的部分形成选取器以及一条或多条声明。

选取器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的详细样式;属性和属性值以“键值对”的形式显现;属性是对指定的对象设置的样式属性,例如字体体积、文本颜色等;属性和属性值之间用英文“:”掰开;多个“键值对”之间用英文“;”进行区分。

4,CSS代码风格

以下代码书写风格不是强制规范,而是符合实质研发书写方式。

1,样式格式书写

/* 第1种:紧凑格式 */ h3 {color: red; font-size: 20px;} /* 第二种:展开格式,剧烈举荐第二种格式,由于更直观 */ h3 { color: red; font-size: 20px; }

2,样式体积

/* 剧烈举荐样式选取器,属性名,属性值重要所有运用小写字母,特殊状况除外 */ h3 { color: red; } h3 { COLOR: RED; }

3,空格规范

/* 1, 属性值前面,冒号后面,保存一个空格 */ /* 2, 选取器(标签)和大括号中间保存空格 */ h3 { co




上一篇:CSS初识
下一篇:手机存储是什么意思?云存储是什么意思?
回复

使用道具 举报

2987

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569166
发表于 2024-9-29 23:15:53 | 显示全部楼层
外链发布论坛学习网络优化SEO。
回复

使用道具 举报

3048

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065850
发表于 2024-10-24 19:18:42 | 显示全部楼层
期待与你深入交流,共探知识的无穷魅力。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 16:50 , Processed in 0.119312 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.