热门关键字:
jquery > jquery教程 > jquery教程 > Html、Css入门解析

Html、Css入门解析

333
作者:管理员
发布时间:2021/3/3 11:46:59
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4067
  确定核心页面


  确定每一行


  确定每一行中的浮动情况


  先写结构再写模式、先写html再写css


  超文本标记语言(超过文本,还有图片等格式)


  标签:单标签、双标签、框架标签


  相对当前文件的路径


  /进入下一级目录…/进入上一级目录(两个点)本目录(一个点)


  文件在计算机上的完整路径(X盘等),更换电脑时,可能会出现问题(由于底层路径不一致)


  标签的特性:来自break的缩写,顾名思义,强制打断,跳入下一行。


  src图片的url(必须属性)alt图片加载失败时展示的文字title鼠标放在图片上展示的文字height、Width</td>图片的高宽(两者只修改其一不会改变图片的高宽比)border图片的边框


  type介绍text文本password密码radio单选框(name需要相同,用value区分)checkbox多选框(name需要相同,用value区分)button按钮file上传文件submit提交reset重制


  标签的特性:独占一行、文字大、字体粗


  标签的特性:段落标签之后的文字另起一行,标签内的文字随着浏览器的宽度而自动换行


  标签的特性:默认一个div占一行


  标签的特性:默认多个span占一行


  a 来自anchor的缩写


  标签的特性:载体可以是文字、图片、表格等


  href超链接的地址target打开方式(默认_self 可设为_blank)download点击链接下载URL的内容


  如果href为#代表href为空如果href为。zip等压缩文件结尾则等价于文件下载如果href为#X(X为某个标签的id)则跳转到那个标签(例如返回首部、跳转到尾部)


  PS:表格里放表单 可以布局


  align表格的位置border边框cellspacing单元格之间的距离cellpadding文字与边框的距离Width</td>宽度Height</td>高度


  子标签:


  thead、tbody 表格的头和身体


  th 表格数据的第一列(加粗 居中的效果)


  tr 某一行表格


  td 某个单元格


  合并单元格(记得删除后者的单元格):


  rowspan:上下拼接单元格


  colspan:左右拼接单元格


  ul 来自 unordered list缩写


  ul内部只能存放li


  li内部可以放任何东西


  ol 来自ordered list缩写


  ol内部只能存放li


  li内部可以放任何东西


  dl来自 define list的缩写


  dl内部只能放dt、dd


  dt是大哥、dd是小弟,两者都能放任何东西


  表单控件:input、select、textarea、lable


  input标签的text类型和textarea标签有什么区别?


  textarea可以分行,输入空间更灵活。


  有些时候单选框太小,选择不太容易,所以用label去选择单选框等控件,点击label等价于点击单选框。


  用id去确认控件的身份


  输入代码的缩写即可生成完整代码,提高编写速度。


  css又叫网页美容师,专注样式。


  html专注结构、css专注样式,两者各谋其政、互不干扰。


  在某个标签上书写、控制一个标签


  在style标签内部书写、控制一个页面


  在后缀为css的文件内部书写、控制多个页面


  引入代码


  css的工作流程:找到选择器、然后对选择器做某些样式操作。


  简单来说,找对人、做对事。


  基础选择器


  1、标签选择器


  2、类选择器


  3、id选择器


  4、通用选择器复合选择器


  1、后代选择器


  2、子选择器


  3、并集选择器


  4、伪类选择器


  顾名思义,这个标签就是html中的基础标签。


  优点:定义一个样式可以修改所有标签样式。


  缺点:优点也是缺点,全部标签都要改,不能针对某个标签


  比如:外国人吃西餐(外国人是标签、吃西餐是样式),使用了这句代码,所有外国人都要吃西餐,是不是太霸道了?


  定义一个类(表示对现实生活中一类具有共同特征的事物的抽象)


  爱打篮球的人是一类、爱打羽毛球的人是一类。一个人可以同时喜欢打篮球和打羽毛球。


  id是独一无二的,只能使用一次,类似人的身份证


  class可以重复被使用,类似人的爱好。


  所有的标签都适用


  例如一:我想让中国安徽合肥蜀山区的房子变成红色


  改变的只是蜀山区房子的颜色,而中国安徽合肥只是位了定位蜀山区,不会发生任何改变。


  例如二:我想让中国安徽的房子变成红色


  只要是房子,无论是合肥、宿州、合肥蜀山区、都会变成红色(只要属于安徽),都会变成红色。




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



关键字:jquery
友荐云推荐