学习html+css（1）

最新推荐文章于 2022-04-12 15:21:20 发布

Cooooooooco

最新推荐文章于 2022-04-12 15:21:20 发布

阅读量258

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/Cooooooooco/article/details/79600400

版权

学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

2018.3.18

最近在学习一些前端知识，有些总结的小知识点。感觉还是很有趣的，因为很直观。

--------------------------------------------------------------------------------------------------------------------------------

1.在记事本中插入图片

<img src="/图片路径/图片名称.图片后缀名" alt='没有找到图片时显示的文字' />
图片位置即路径很关键
2.一些兼容性问题（简单版）

标准头

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>
3.引入CSS样式表
（1）链入式最常用，其他就不再赘述
<link href="文件名" type="text/css" rel="stylesheet" />
（2）各种文本样式
字体大小：font-size PS:长度单位em：相对于当前文本的字体尺寸
字体：font-family
颜色：color PS：颜色可以采用16进制定义
字间距：letter-spacing 可正可负单词间距：word-spacing
行间距：line-spacing PS：px最常用
对齐方式：text-align：center/left/right；
首行缩进：text-indent PS：一般文本为2em
（3）选择器
分标记选择器，类选择器，id选择器等
重点为类选择器
.类名{属性1：属性值1；属性2：属性值2；}可以用在多个引用了该类的地方，可为元素对象定义单独的样式。
顺便提到 #id名{....} 只能对于文档某个特定的元素。
优先级：id选择器＞类选择器＞标记选择器
权重（100）（10）（1）
继承样式权重为0
（4）盒子样式
1.边框（其中一种表达方式）border: 四边宽度样式颜色
可以用复合属性来设置元素的多个样式，避免繁琐
综合设置属性的时候必须按照上右下左的顺时针顺序来写
2.内边距padding
3.外边距margin
（可以设置为aoto（默认值））
4.背景background：
设置背景为某个图像：使用background-image：url（图片位置）
设置平铺：background-repeat：repeat-x 水平平铺
repeat-y 竖直平铺
no-repeat 不平铺
图片是否固定在屏幕上：background-attachment：scroll 滚动/fixed固定
5.<div>与<span>
块元素<div> 行内元素<span>
<div>是大块，用法和<p>差不多
<span>只能在行内即标记文本啊。。。

Cooooooooco

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习html+css（1）

2018.3.18最近在学习一些前端知识，有些总结的小知识点。感觉还是很有趣的，因为很直观。--------------------------------------------------------------------------------------------------------------------------------1.在记事本中插入图片&lt;img src="/图...
复制链接

扫一扫