CSS的书写方式及基础知识

最新推荐文章于 2024-08-25 22:12:40 发布
最新推荐文章于 2024-08-25 22:12:40 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： Web前端CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dwjdj/article/details/104028399
版权
本文介绍了CSS的基础知识，包括其整体结构、作用和概念。CSS用于美化网页和控制元素布局，其书写方式有内嵌式、外链式和行内式。文章详细阐述了每种方式的实现步骤，并探讨了CSS的语法和选择器分类，如基础选择器、复合选择器等。
摘要由CSDN通过智能技术生成

CSS基础

css的整体

1.选择器
2.盒子模型
3.浮动
4.定位
5.动画，伸缩布局(CSS3部分)

CSS概念

作用：

1.美化网页(通过CSS控制标签的样式)
2.网页布局(通过CSS控制标签的位置)

概念

Cascading Style Sheets(层叠样式表|级联样式表|样式表)
注意：CSS是以HTML为基础。

书写方式：

内嵌式

1.先准备一个HTML页面
2.在HTML页面内的head标签中添加一个style标签
3.在style标签中写css代码

<!DOCTYPE html>
<html lang="en">
<head>
最低0.47元/天 解锁文章
css的书写方式方法
weixin_73143398的博客
08-09 2301
在head标签内部，写一个style标签，选中对应的元素，在{}设置样式。样式结构也是名值对，可以写多组样式，必须用分格号隔开，最后一个样式。在html文件外，新建。css文件，在css文件里，选中对应的元素，设置样式。css样式的语法，样式名，样式值， 名值对。.css文件，即可生效。style属性，在属性里写css样式。可以写多组样式，只要以分格号隔开即可。比较方便复用，而且html文件也更干净。-- 第一种方式：内部样式/行内样式。学习的一天又要开始了，汇报一下学习成果。2，结构和表现耦合了。...
CSS——CSS基础知识
流楚丶格念的博客
06-26 8110
文章目录CSS的发展历程CSS 网页的美容师CSS初识引入CSS样式表（书写位置）内部样式表行内式（内联样式）外部样式表（外链式）三种样式表总结（位置）CSS样式规则外链案例内链案例 CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生
css怎么写
55555的博客
01-28 747
固定表格表头 div{ overflow-y: scroll; overflow-x: hidden; height: 100px; margin-top: 5px; margin-left: 12px; padding-top: -2px; padding-bottom: 5px; border: 3px solid #009933; } table{ width:
CSS文本【关于文本看这一篇就够了！！！】
最新发布
zheshiyangyang的博客
08-25 1145
【代码】CSS文本【关于文本看这一篇就够了！！！
CSS书写
itearn的博客
10-29 248
1书写的顺序 1.1位置属性(position, top, right, z-index,display, float等) 1.2大小(width, height, padding, margin) 1.3文字系列(font, line-height, letter-spacing, color-text-align等) 1.4.背景(background, border等) 1.5其他
CSS样式的写法
哈
10-18 7826
CSS样式的三种写法 方式一：将CSS样式直接写到标签里面 <div style="width: 200px;height: 150px;background-color: aqua">ddd</div> 方式二：将CSS样式写到页面头部 <!DOCTYPE html> <html lang="en"> <head> <m...
我们平时是怎么写html和css的？
weixin_34014277的博客
10-19 106
文章的起因，我只是为了回复一个帖子，http://bbs.csdn.net/topics/390908928?page=1  结果，一扯就根本停不下来。索性，一捅为快，反正是周末。 拿到效果图时，有这么几步，就我了解的情况做一下分享，不一定全部都是科学，但可以部分借鉴。 我先说一下，熟练后拿到效果图时这样的一个状态： http://imcn.me/html/y2012/9871.html/...
OA-1-网页前端CSS书写规范.zip_css_peopledyh
09-23
首先，让我们了解一些基础的CSS书写规范： 1. **命名约定**：遵循一致的命名规则是关键。可以使用语义化的类名，如`header`、`button`，避免使用描述性颜色或尺寸的名称，如`red-box`。此外，使用BEM（Block ...
一篇文章，带你详细了解CSS基础知识
PICACHU+++的博客
10-25 3689
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 [2]
怎样才能写出更好的 CSS？
CSDN资讯
08-27 4461
让我们开门见山：编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是算了吧。在我创建应用的时候，从来都无法...
CSS的书写方式
小彩虹的博客
01-14 311
CSS书写位置 1、嵌入：&lt;style&gt;&lt;/style&gt; 2、外联（外链）：&lt;link rel="stylesheet" href="css/.." /&gt; 3、内联（内链）:&lt;div style="width: 1100px;"&gt; &lt;/div&gt; 接下来我们一步步来： 一、新建项目 项目结构为： 在
如何编写CSS代码才能更有效率？（转）
weixin_33736649的博客
10-28 134
这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。 一、排版： 1、关键词和操作符之间加适当的空格。 2、相对独立的程序块与块之间加空行 3、较长的语句、表达式等要分成多行书写。 4...
【黑马前端—CSS基础】CSS 的三种引入方式
学习如逆水行舟，不进则退
08-26 457
CSS 引入方式 按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类： 行内样式表（行内式） 内部样式表（嵌入式） 外部样式表（链接式） 内部样式表（较少使用） 内部样式表（内嵌样式表）是写到html页面内部. 是将所有的 CSS 代码抽取出来，单独放到一个 <style> 标签中。 <style> div { color: red; font-size: 12px; } </style>  <style> 标签理论上可
css书写样式
飞狐TN
11-05 706
通过这一周的学习,我利用css加html做出了一个效果图,在博客上面也有,有兴趣的可以去看一下, 说到css,它是层叠样式表,cascding style sheet的缩写,如果拿网页和人体作比较的话,html就是人的内部构造,而css就相当于人的外表,他们是网页的重要部分. css分为几种形式: 1.行内样式:直接在标签后跟style属性在标签内部去写样式. 适用范围:当前标签 实用性
css的语法规则
qq_43198727的博客
10-28 2131
1、1css 层叠样式表 或者级联样式表。 1、2 CSS的主要作用 它主要用来给HTML网页来设置外观或者样式。 外观或者样式:HTML网页中的文字的大小、颜色、字体，网页的背景颜色、背景图案！ 1、3 书写CSS的语法规则 H1 {clolor:red;font-size:14px;} 选择器 属性 声明 1、CSS代码是由选择器和一对括号组成。 2、大括号里面是由一条一条的声明语句组成...
我了解的，css基础写法
sepgit的博客
08-04 119
写法 CSS 样式，有三种写法。 内嵌在标签上的写法； 在HTML 页面内，使用style 标签的内部样式； 在HTML 页面内，使用 link 标签，href 外联外部文件。 1.内嵌 在 HTML 中，写一个div 标签。在标签上添加一个style的属性名。之后就可以在style里面填充自己需要的css 样式。 <div class="box1" style="width: 100px;height: 100px;background-color: #f00"></div>
css书写方式
weixin_64311421的博客
02-14 803
不能不知道css书写方式
CSS书写规范
zlguaizhang的博客
11-19 553
css样式写多了，发现书写顺序和注意事项也会影响页面布局，特此记录
全面掌握CSS基础与进阶知识点总结
本文档是对CSS（层叠样式表）知识点的详细归纳和总结，旨在帮助学习者系统地理解和记忆CSS基础知识。CSS是用于网页设计和开发中的关键语言，它控制网页元素的外观和布局。 1. **基本格式**： CSS采用三种基本格式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值