web前端之CSS样式书写⽅法
前⾔
回顾之前写的内容；
之前介绍过修饰⽹页需要⽤到css样式，但是在哪⾥写css样式呢？这篇帖⼦就介绍如何书写。
本篇帖⼦的⽬录
1.内部CSS样式代码书写
2.外部CSS样式代码书写
css样式书写
⽤html写出的⽹页内容，简单⽽有单⼀，不是很好看，如果要对⽹页布局进⾏修饰，就⽤到了css样式进⾏修饰，可以给特定的区域设置颜⾊、背景、字体、位置等等。那么怎么写css样式代码呢？⼀般我们进⾏布局修饰的时候会⽤到盒⼦容器（如<div>），将所要修饰 的内容放到盒⼦中再⽤class属性。
css样式的书写分为内部样式和外部样式。顾名思义，内部样式就是在内部书写css样式代码，放到⾥⾯
直接写。⽽外部样式就是在另外的⽂件中写css样式代码，通过<link>标签将css⽂件链接到html中。
内部CSS样式代码书写
具体操作：
好看的css代码
1.給要修饰的内容加上盒⼦标签<div>，设置calss属性（举例⽤name）。
2.在头部标签中添加<style>标签，将type属性设置为text/css。
3.（1）便签选择器法：对html中的某种全部的标签进⾏样式修饰，直接⽤标签名+中括号即可。如下图的"body{}"。
（2）类名法：对html中的某⼀个标签进⾏样式修饰，可以先将要修饰的内容的标签设定类名，然后再在<style>中⽤点+类名+{}的形式。如下图中的 “.name{}”，然后在中括号内{}写需要设定的样式即可。
（温馨提⽰，类名要⼀⼀对应哦）
具体操作如下：
外部CSS样式代码书写
⼀般样式代码较多时，才会⽤书写外部css样式代码。
具体操作：
1.⾸先在外部创建⼀个txt记事本⽂件，并修改后缀名为css，在此⽂件下写css样式代码，也可以⽤标签选择器法和类名法（同内部样式）
2.⽤<link>标签将写好的css样式⽂件链接到html中。
⼩结
知道了css样式的书写⽅法，下⼀篇帖⼦就总结⼀下css样式中其他属性，毕竟css是利⽤像color、background这样的属性进⾏修饰的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。