文本、字体css样式与前期英语单词汇总

一、文本样式(text)

  1.颜色:color:red;

  2.文本对齐方式:text-align:left/center/right/justify;

  left:左对齐
  center:居中对齐
  reght:右对齐
  justify:两端对齐

  3.文本修饰:text-decoration:none/overline/underline/line-through;

  none:空
  overline:上划线
  underline:下划线
  line-through:删除线

  4.文本缩进:text-indent:20px;

  indent:缩进

二、字体样式(font)

  1.字体大小:fot-size:20px;

  sizi:大小

  2.字体颜色:color:red;     注意不要写成font-color:red;

  3.字体形状:font-style:normal/italic/oblique/inherit; (这个了解一下就行一般用不到)

  

  4.字体字形:font-family:"微软雅黑/宋体/楷体";(默认微软雅黑)

  5.字体加粗:font-weight:bold;(后面也可跟数字)

  400是正常  比400大是加粗 比400小 是变细 不带px

前期英语单词汇总

html单词

doctype 文档
html 网页
head 头部
body 身体;主体
paragraph 段落
title 题目

CSS单词

color 颜色style 样式
background 背景
background-position 背景位置
background-size 背景大小
background-repeat 背景平铺
position 位置
relative 相对的
absolute 绝对的
font-style 字体样式
font-family 字体字形
font-weight 字体粗细
font 字体
width 宽
height 高
line-height行高
float 浮动
overflow 超出
text-align 文本对齐
vertical-align 垂直对齐
text-indent 文本缩进
text-decoration 文本修饰
border边框
border-color 边框颜色
border-style 边框样式
border-width 边框粗细
content 内容
margin 外边距
margin-top 上边距
margin-left 左边距
margin-right 右边距
margin-bottom 下边距
padding 内边距
padding-top 上内边距
padding-left 左内边距
padding-right 右内边距
padding-bottom 下内边距
outline 外线

CSS属性值单词

url 路径
normal 正常
left 左
right 右
center 居中
top 上
bottom 底部
hidden 隐藏
scroll 滚动条
solid 实线
dashed 虚线
bold 加粗
overline 上划线
underline 下划线
line-through 删除线
middle 居中
no-repeat 不平铺
none 空

拓展

src 路径
name 名字
rowspan 上下合并(跨行合并)
colspan 水平合并(跨列合并)
cellspacing 单元格间距
cellpadding 单元格内间距
ul 无序列表
ol 有序列表
li 一列
dl 自定义列表
list-style 列表样式
disc 实心圆
circle 空心圆
square 正方形

从零开始的全栈工程师——html篇1.3的更多相关文章

  1. 从零开始的全栈工程师——html篇1

    全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐 ...

  2. 从零开始的全栈工程师——html篇1.2

    起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器   id选择器(使用的时候加#)    class选择器(使用的时候加.) 样式的 ...

  3. 从零开始的全栈工程师——js篇2.5

    数据类型与全局属性 js的本质就是处理数据 数据来自于后台的数据库所以变量就起到一个临时存储数据的这作用ECMAscirpt 制定了js的数据类型 一.数据类型 1.基本数据类型 基本数据类型就是简单 ...

  4. 从零开始的全栈工程师——js篇2.1(js开篇)

    JS开篇 一.js介绍 全称 javascript 但不是java 他是一门前台语言 而java是后台语言js作者 布兰登·艾奇 前台语言:运行在客户端的后台语言:跟数据库有关的 能干什么?    页 ...

  5. 从零开始的全栈工程师——html篇1.7

    position定位与表单 一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; L ...

  6. 从零开始的全栈工程师——html篇1.5

    列表与边距探讨和行块 一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一 ...

  7. 从零开始的全栈工程师——html篇1.4

    背景与边框 一.背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下给body设置background-c ...

  8. 从零开始的全栈工程师——PHP篇 ( 单词汇总 ) ( php解决文字乱码 )

    解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词 局部的: local 全局的: global 静态的: stat ...

  9. 从零开始的全栈工程师——js篇(cookie)

    Cookie是由服务器端生成,发送给User-Agent,浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器,对cookie知识感兴 ...

随机推荐

  1. SJTU 机试 数学

    题目描述 给定n,a求最大的k,使n!可以被a^k整除但不能被a^(k+1)整除. 输入描述: 两个整数n(2<=n<=1000),a(2<=a<=1000) 输出描述: 一个 ...

  2. WebApi接口 - 响应输出xml和json 转

        格式化数据这东西,主要看需要的运用场景,今天和大家分享的是webapi格式化数据,这里面的例子主要是输出json和xml的格式数据,测试用例很接近实际常用情况:希望大家喜欢,也希望各位多多扫码 ...

  3. 洛谷 P1579 哥德巴赫猜想(升级版)

    嗯... 这或许也算一道数论题吧... 题目链接:https://www.luogu.org/problemnew/show/P1579 这道题的说明好像只会扰乱人的思路....然后就是这道题的细节比 ...

  4. 【转】intellij idea使用指南—— 导入Eclipse的Web项目

    通常一个团队中可能有人用eclipse,有人用intelliJ,那么经常会出现需要导入别人用eclipse建好的web项目.而IntelliJ提供了多种项目类型的导入方式,其中就有eclipse. 在 ...

  5. Android 滚动视图(ScollView)

    1.介绍 2.使用技巧 3.xml文件代码 <?xml version="1.0" encoding="utf-8"?> <LinearLay ...

  6. Python第一天学习成果

    1.变成可执行程序,在开头需加#!/usr/bin/env python找解释器 2.Python不支持常量,但建议用全大写就表明是常量 3.Unicode:2字节 ASCII:1字节 UTF-8(可 ...

  7. POJ_2492 A Bug's Life 【并查集】

    一.题面 POJ2492 二.分析 并查集判断类别的题目感觉套路都差不多. 还是先判断在不在一个集合里,在一个集合里才能判断是否同类. 若不在一个集合里则需要将这两个点联系起来. 关于联系起来后关系的 ...

  8. 在windows10下vs2017配置opencv4.0.0

    第一次配置时,有些.dll文件出错,所以用重新下载opencv配置了一遍,终于可以了,喜极而泣! 一.下载OpenCV4.0 直接到官网https://opencv.org/下载 然后在下个页面选择 ...

  9. new Date("2018-01-01 11:11:11").valueOf() 在IE下会返回 NaN

    原因是在ie下 new Date不能处理 小横线 这种时间格式,但是 替换成 斜线就可以正常获得毫秒数,像下面这样: new Date(('2018-01-01 11:11:11').replace( ...

  10. img的事件

    <img src="../images/clock.jpg" onload=alert('加载成功'); onerror=alert("加载失败");/& ...