热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础标签和CSS基础样式总结

HTML基础标签和CSS基础样式总结

462
作者:管理员
发布时间:2021/2/26 11:17:58
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4015
  HTML 英文全称 Hyper Text Markuo Language 超文本标记语言 描述网页内容和外观的标准


  不会显示在网页上


  name的参数


  keyword 定义具体的参数值为关键字description 定义网页的描述robots 告诉爬虫页面权限,具体参数值有:all, none, index, noindex, follow, nofollow,默认allauthor 标注网页作者


  http-equiv有三个参数


  content-type: 在content中定义文档类型和编码


  default-style: 规定预定义的样式


  expires 期限 超时后重新从服务器获取 时间格式:GMT格林威治标准时间


  pragma (cache模式)禁止从缓存中访问页面内容


  refresh 在规定时间跳转到指定网页


  2s后跳转到URL指定页面


  set-cookie


  网页过期后删除cookie


  window-type


  强制以当前窗口独立页面显示


  content-language 显示语言的设定


  cache-control 缓存控制 no-cache, no-store, max-age等


  页面注释标记


  粗体标记


  斜体标记


  上标标记


  下标标记


  大字号标记


  小字号标记


  下划线标记


  段落标记


  align属性值:center、right


  换行标记/不换行标记


  连续多个标记可以实现多次换行ngying


  水平线


  HTML 原代码显示结果描述<小于号或显示标记>大于号或显示标记&可用于显示其它特殊字符“引号?已注册?版权?商标半个空白位一个空白位不断行的空白


  GIF:可以制作动图JPEG:不支持透明图和动态图PNG:提供了最小压缩又不失真的技术


  align的取值


  buttom:与当前行文字底部对齐top:与当前行文字顶端对齐middle、center 图片水平中线与文字中线对齐left:左对齐right:右对齐


  图像热区链接


  序号类型:1、A、a、I、i


  序号类型:Disc、circle、square分别对应实心圆、空心圆,和空心方块


  target参数


  _self:当前页面打开_blank:新页面打开_top:顶层框架中打开_parent:当前的上一层框架中打开


  滚动方向:


  updownleft(默认)right 滚动方式:


  scrool:(默认)循环滚动slide:滚动一次停止altermate:来回交替滚动 滚动速度:每次滚动的长度,像素为单位时间间隔:单位毫秒


  高度、宽度为像素值或者百分比组成


  通过target互相连接起来


  浮动框架可以设置target为自己的名字


  10.3.1 下拉菜单


  10.3.2 列表


  常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption


  块状元素特点:


  以块的形式显示为一个矩形区域;


  块状元素独占一行,自上而下排列;


  块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border;


  块状元素可以作为一个容器包含其他的块状元素或内联元素。


  常见内联元素:a,strong,b,i,em,span,label


  内联元素特点:


  (a)内联元素在一行逐个进行显示;


  (b)内联元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;


  (c)内联元素设置与高度相关的一些属性(如margin-top,margin-bottom,padding-top,padding-bottom,line-height),显示无效或显示不准确;


  (d)内联元素设置左右填充和外间距是可以的。


  img,input,textarea


  内联块状元素特点:


  (a)即具有内联元素特点,也具有块状元素特点


  (b)即可以定义容器的宽,高,margin,padding等,还可以和其他内联元素在一行显示


  display:block|inline|inline-block|none|list-item;


  block:将元素转换为块状元素(大部分块状元素的默认display属性值)


  inline:将元素转换为内联元素(大部分内联元素的默认display属性值)


  inline-block:将元素转换为内联块状元素(img,input等元素的默认display属性值)


  list-item:将元素转换为列表类型(li的默认display属性值)


  none:元素隐藏不可见


  布局标签就是对div语义化


  header :头部信息nav:导航栏aside:侧边栏main:内容区域footer:底部信息article:文章详情section:页面分区


  选择符可以为标签或定义了id或class的对象


  html中引用外部样式表


  内部样式表


  内嵌样式表:定义在HTML标签里面的样式


  larger、small:相对于父对象字体尺寸进行相对增加、减少


  位置取值:


  长度属性X,Y百分比关键字


  embed:作用于inline元素,direction属性的值指定嵌入层,在对象内部进行隐式重排序


  z-index


  形状取值


  add:是否显示元素图片direction:设置动态模糊的方向strength:设置动态模糊的强度,默认是五个,只能是整数




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐