HTML&CSS_Basic_01

最新推荐文章于 2021-07-26 20:07:44 发布

weixin_30587025

最新推荐文章于 2021-07-26 20:07:44 发布

阅读量86

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/TalkIsCheap/p/4548870.html

本文详细介绍了HTML的基本语义化原则、表单处理、输入类型、CSS的链接方式、选择器应用、字体样式等核心概念，帮助开发者构建清晰、美观且易维护的网页结构。

//JerryWeb

//20150602

//HTML | CSS | Basic

======= HTML&CSS_Basic_01=======

#html要保持语义化，即使没有css也要保持漂亮而且一目了然的结构。
em,strong 表强调 | span没有语义，设置单独的样式 | q引用 | blockquote 长文引用 | br / | address 地址 | pre 多行原文显示
table tbody tr 行 td 列 th 表头 | img alt:下载失败文本 title:提示文本
#form 表单，method:post|put 完成和后端的交互一般form标签下有lable input ,
#input -> type：text|password|radio|checkbox|submit | reset…
name: 如果是单选框，则同一组的话要名字一致。
value:

#固定的css link <link href=“Path/style.css” rel=“Stylesheet” type=“text/css">
#css有3种形式，行内，head style标签内链，link css外联，且有就近原则，近则优先级高
#标签选择器，其中类选择器可以多次，group ，而ID选择器仅仅能标记一次。
#子选择器： .food>li (用> 只能选择第一子标签)
.food span (用空格可以作于所有)
.food,span(选择food class 和span标签)
#伪类选择 a:hover
#根据权重来决定顺序！标签 1 class 10 id 100
# 2em 代表以font-size为单位的2倍
#line-height：1.6em;border:1px solid red;font-family:Yahei;font-weight:bold;font-style:italic;text-decoration:underline|line-through
#text-indent:2em;letter-spacing:50px;word-spacing:50px;text-align:center| L | R