CSS入门

作者: Adagou | 来源:发表于2018-07-16 00:11 被阅读0次

通过标签来修改样式的缺点:
1、需要记忆那些标签有哪些属性,如果该标签没有该属性,那么设置了也咩有用。
2、当需求变更的时候,需要修改大量的代码,才能满足现有的需求。
3、HTML只有一个作用,就是用来添加语义的。
所以在企业开发汇中修改样式都是交给CSS来做,那么使用CSS来修改样式有什么好处?
1、不用记忆那些属性属于那个标签
2、当需求变更时,我们不需要修改大量的代码就可以满足修改。
3、在前端开发中CSS 只有一个作用,就是用来页面的样式的。

一、css代码以及固定格式

1、位置:写在 <head> 标签中。css一定是写在<style>标签中。
2、格式:

<style type="text/css">
        标签名称{
               属性名称:属性对应的值;
                 }
</style>

3、注意点:

  • <style>标签必须卸载head 标签中的开始标签和结束标签。
  • style 标签中type属性其实可以不用谢,默认type=”text/css“
  • 设置样式时必须按照固定的格式来设置, key:value;
    其中冒号:不能省略,分号大多数情况下也不能省略。

相关文章

  • #30天专注橙长计划#向前端工程师进发#day0#航线设计

    发现问题,路线大修。 学习方面:暂定按HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • CSS第一小节第一天

    CSS基础入门 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) CSS通常...

  • mdui quickstart 快速入门

    实现入门效果 目录结构 代码 说明 这个框架依赖很少,入门实例 css 加入 mdui.css javascrip...

  • CSS Syntax(CSS 语法)

    简单介绍CSS,学习入门自用=-= 以下笔记摘抄全部来自优达学城,感谢优达让我入门。 什么是CSS CSS即层叠样...

  • 前段书籍

    《CSS网站布局实录》——国产CSS2入门书,有些技巧已经淘汰,但仍不失为最好的CSS入门教程。 《无懈可击的We...

  • CSS初探

    Head First HTML与CSS 第七章 CSS入门 CSS——掌控页面的表现 CSS结构简介 CSS包含一...

  • 2019-04-29

    基于CSS入门基础必备 CSS选择器的使用 CSS制作照片墙 效果显示:

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

网友评论

      本文标题:CSS入门

      本文链接:https://www.haomeiwen.com/subject/tfmmpftx.html