Web前端基础-CSS美化文档

CSS-美化文档

1，HTML内部添加样式
关键字为style，在input标签中添加style=""即可

<input type="text" placeholder="手机号码" style="">
//注意关键字和标签名之间要空格隔开

2，字体大小/字体粗细

字体大小设置格式
font-size：36px；
【字体大小/关键字：字体大小的尺寸/值（冒号隔开，分号结尾）】
字体加粗设置格式
font-weight：100；
【normal（正常粗细），lighter（细），bold（粗），bolder（更粗），其他粗细（100,200,300，~900任意）】
3，字体颜色/文字对齐方式
颜色
1，英文字母形式
color：black；
color：red；
2，十六进制颜色（用的多）
color：#DAE8FC
【由#开头，后面三个数字，范围为00~FF】
3，rgb形式
（red，green，blue三种颜色深浅决定）范围均为0~255
color：rgb（253,217,233）
4，rgba形式
比rgb多了a，Alpha（透明度），数值在0~1
color：rgb（253,217,233，0.3）

文字居中/居左/居右
text-align：center；居中对齐
text-align：left；居左对齐
text-align：right；居右对齐
4，文字行高/字间距/字体
1，行高设置格式
line-height：30px；
2，字间距格式
letter-spacing：30px；
3，字体设置格式
font-family：sans-serif；
font-family：字体a，字体b，字体c；
【使用字体，需要使用者电脑安装这个字体；可以多设置几个字体，浏览器按顺序向后加载，若都没有，使用默认字体】

Web前端基础-CSS美化文档相关推荐

Web前端基础---CSS样式--盒子模型--浮动与定位
Day02 CSS样式 DIV和CSS DIV是层叠样式表中的定位技术,全称DIVision,即为划分.有时可以称其为图层. DIV元素是用来为HTML文档内大块(block-level)的内容提供结 ...
[Web 前端] SuperAgent中文使用文档
cp from : https://blog.csdn.net/gebitan505/article/details/58585846 superagent是nodejs里一个非常方便的客户端请求代理 ...
[Web前端基础] CSS优先级、JS运算优先级、CSS设置在第几行进行超出部分省略号、JS设置元素样式的六种方式
CSS优先级 !important> 行内样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承如果有多个复合选择器选中同一个元素,则需要 ...
Web前端基础CSS初识学习笔记（8）行高对齐和首行缩进间距
Important! 方便的文本设置 line-height:行间距 text-align text-intent letter-spacing word-spacing line-height:行间 ...
HTML及CSS基础入门：web前端基础，看这一篇就够了
写在开头:这是一篇有关于HTTP和CSS的基础入门教程.你也可以将他当作一本字典,因为我将所有可能用到的语法结构全部设置了标题,你只需要点击标题即可跳转过去.同时,我在最后放置了两个CSS实战,以供读 ...
web前端开发自学课程，CSS标准文档流，超详细
前言又逢金三银四,拿到大厂的offer一直是程序员朋友的一个目标,我是如何拿到大厂offer的呢,今天给大家分享我拿到大厂offer的利器,前端核心知识面试宝典,内容囊括Html.CSS.Javas ...
web开发课程，CSS标准文档流与脱离文档流，已整理成文档
前言年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流.此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂).目前入职滴滴出行成都团队. 前端核心 1.JSON ...
WEB前端基础（HTML+CSS+JavaScript）（上）最好看最详细的笔记~
WEB前端基础当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...
web前端基础与CSS入门
web前端基础 1.嵌套列表注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...

Web前端基础-CSS美化文档

CSS-美化文档

Web前端基础-CSS美化文档相关推荐

最新文章

热门文章