HTML&CSS

HTML&CSS

1.超文本标记语言

  主要结构<document>申明,

<html>

<head>

<title></title>

<metacharset=”utf-8” />// http-equiv="Content-Type"

<style></style>//type=”text/css”

<link></link>//rel="stylesheet" type="text/css" href=""

<script></script> //type =”text/script”

</head>

<body>

<div>

    ******一系列的标签******

</div>

</body>

</html>

2.常见的标签与样式

2.1常见的标签

就是网页中的一些元素,主要记住<div>,<form>, <a>,<img>, <b>, <br>,<button>,<dl>,<dt>,<dd>,<ul><li>,<ol><li>,<select>,<option>,<sub> ,<sup>,<table><caption><tr><thead><th><tbody><td>

<textarea>

<input>

<frame>

2.2常见的CSS样式

盒子模型:margin(外边距),border(边框大小),padding(内边距)

font:font-size,font-family,font-weight,letter-spacing,word-spacing,line-height

text:text-align;text-indent(缩进);text-decoration

background:background-color;background-image;background-position;background-repeat;

position:static | absolute | fixed | relative;

layout:float ;clear;display

list:list-style-image || list-style-position || list-style-type

table:border-collapse : separate | collapse;border-spacing;caption-side : top | right | bottom | left;empty-cells : show | hide;

3.样式选择器

2.1通配选择符;*{}

2.2 类选择符.类名{}

2.3包含选择符 //逻辑上选择1是选择2的祖先

选择1 选择2{}

2.4 ID选择符

#ID值{}

2.5 分组选择符  //逻辑上或,只要满足其中的一个就可以

选择1,选择2{}

原文地址:https://www.cnblogs.com/huyang1988/p/5040523.html