方法1:额外标签法:在浮动元素的结尾处添加一个空的div兄弟元素,然后利用css中的clear:both(此句代码的意思为:不允许左侧和右侧有浮动对象)清除浮动,让父级div能够自动获取到高度,但是如果浮动的页面多,就要加很多空的div,效率不是很高。 方法2:通过触发BFC方式,实现浮动清除 :父级div定义 overflow:hidden 方法3:...
外链式 通过link引入外部css资源 <linkrel="stylesheet"href="gonggong.css"> css常用命名 包裹容器 wrap页面主体 main网页头部 header网页底部 footer轮播图 banner广告 ad导航 nav菜单 menu子菜单 sub-menu列表 list选项 item下载 download标志 logo提示 tips热点 hot新闻 news地址 address登录 login注册 registry用户...
从属关系区别: @import 是 CSS 提供的语法规则,只有导入样式表的作用;link 是 HTML 提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性、引入网站图标等 加载顺序区别:加载页面时,link 标签引入的 CSS 被同时加载;@import 引入的 CSS 将在页面加载完毕后被加载 兼容性区别:@import 是 CSS2.1 才...
< html >标记标志着HTML文档的开始 < /html >标记标志着HTML文档的结束 在它们之间的是文档的头部和主体内容 3.< head >标记 用于定位HTML文档的头部信息,也称为头部标记,紧跟在< html >标记后面,主要用来封装其他位于文档头部的标记。 一个HTML文档只能含有一对< head >标记,绝大多数文档头部包含的数据都不...
css思维导图 01.vscode软件的使用 ctrl+ +- :调整视图大小 !+table :初始化html结构 CTRL +? :添加注释 注释的作用: 给网页添加说明 h1+table :快速闭合标签 div{hello}+table :设置标签内容 div*5+table :创建5个div (5为需要创建的个数)
(html本身是没有表现的,我们看到例如<h1>是粗体,字体大小2em,加粗;<strong>是加粗的,不能认为这是html的表现,这些其实是html默认的css样式在起作用,所以去掉样式或样式丢失的时候能让页面呈现清晰的结构不是语义化的有点,但是浏览器都有默认的样式,默认样式的目的也是为了更好的表达html的语义可以说浏览器的默认...
HTML:<!--注释内容--> CSS:/*注释内容*/ JavaScript:/* 多行注释方式 */ //单行注释方式 9、disabled和readonly的区别? disabled指当input元素加载时禁用此元素,input内容不会随着表单提交 readonly规定输入字段为只读,input内容会随着表单提交 无论设置readonly还是disabled,通过js脚本都能改正input的value ...
CSS3新增伪类举例: p:first-of-type:选择属于其父元素的首个<p>元素的每个<p>元素 p:last-of-type:选择属于其父元素的最后的<p>元素的每个<p>元素 p:only-of-type:选择属于其父元素唯一的<p>元素的每个<p>元素 p:only-child:选择属于其父元素的唯一子元素的每个<p>元素 ...
在谷歌下css设置字体大小为12px及以下时,显示都是一样大小,都是默认12px。 解决办法: 可以使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决,只要加了-webkit-text-size-adjust:none;字体大小就不受限制了。但是chrome更新到27版本之后就不可以用了。所以高版本chrome谷歌浏览器已经不再支持-webkit-...