浅谈CSS样式

向右看齐 2022-06-11 22:55 262阅读 0赞

CSS全称为“层叠样式表 (CascadingStyle Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

如下列代码：

  1. p{
  2.    font-size:12px;
  3.    color:red;
  4.    font-weight:bold;
  5. }

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

CSS样式的种类以及优先级

CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。

内联式：

css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： 

  1. <p style="color:red">这里文字是红色。</p>

嵌入式：

嵌入式css样式，就是可以把css样式代码写在标签之间，一般情况下嵌入式css样式写在之间。如下面代码：

  1. <style type="text/css">
  2. span{
  3. color:red;
  4. }
  5. </style>

外部式：

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在内（不是在

发表评论

表情：
评论列表 （有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读

    相关 打印样式CSS的技巧浅谈

    不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。 我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果： 使用[响应式布局][Link 1]设置打印的

    男娘i男娘i/ 0 赞/ 138 阅读

    相关 浅谈CSS样式

    CSS全称为“层叠样式表 (CascadingStyle Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 如下列代码：

    向右看齐向右看齐/ 0 赞/ 263 阅读

    相关 html+css浅谈

    自从来到兄弟连还没上过战地日记呢，心里有点不甘，就把自己昨天写的日记拿来和大家分享一下，是关于html和css的方面的，写的不好，大家不好口水。 这 2天完成了2个网站的首

    灰太狼灰太狼/ 0 赞/ 260 阅读