CSS入门

作者: 之夏夏121 | 来源:发表于2018-03-20 19:18 被阅读0次

一:引入style的属性结构:

<img src="xxx" alt="" width="300px"
style="xxxxxx"

二:字体样式(新加标签)
字体颜色、字体大小、粗体、下划线、文字(标题)居中、阴影、行高、字体

<span style="color:xxx; 
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
        text-align:center;
        text-shadow: 9px 4px 20px black;
        line-height: 1.5;
        font-family: arial;"
></span>

三:样式和内容分离
用标签统一设置代替每个元素后面的属性的语法

<style>
h1 {
color:xxx;font-size:30px;
text-decoration: underline;
}

四、将元素分类命名
类选择器

class="note"
class="xxx命名"

.note{
color: xxx;
}
.xxx命名{
color: xxx;
}

【代码截图】


屏幕快照 2018-03-20 下午7.04.16.png

相关文章

  • #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/fgsbqftx.html