HTML CSS相关
关注
分享
扫一扫
文章平均质量分 64
愿 不忘初心
梦想是注定孤独的旅行，与其苟延残喘，不如纵情燃烧
展开
-
CSS页面效果设计常用选择器
####基础选择器选择器别名说明版本常用tag标签选择器指定类型的标签1√idID 选择器指定身份的标签1√class类选择器指定类名的标签1√*通配选择器所有类型的标签2√####层次选择器选择器别名说明版本常用elemP elemC后代选择器元素的后代元素1√elemP>elemC子代选择器元素的子代元素2√elem1+elem2相邻同胞选择器元素相邻的同原创 2021-06-03 11:20:28 · 245 阅读 · 0 评论 -
如何让textarea placeholder 文字垂直居中？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #textArea { color: white;转载 2018-10-22 11:41:53 · 15003 阅读 · 0 评论 -
CSS 元素水平，垂直居中方法
一，行内元素：div{ text-align:center } /*DIV内的行内元素均会水平居中*/ div{ height:30px; line-height:30px } /*DIV内的行内元素均会垂直居中*/ 二，块级元素：div p{margin:0 auto; width:500px} /*块级元素p一定要设置宽度，才能...原创 2018-10-08 11:29:43 · 191 阅读 · 0 评论 -
常用字体对照表和常用命名
登录条: loginBar 标志: logo 侧栏: sideBar 广告: banner 导航: nav 子导航: subNav 菜单: menu 子菜单: subMenu 搜索: search 滚动: scroll 页面主体: main 内容: content 标...原创 2018-08-22 21:09:02 · 5023 阅读 · 0 评论 -
z-index叠加法则解析以及无效的3种情况
z-index无效三种情况 父标签 position 属性为 relative； 问题标签无 position 属性（不包括 static）； 问题标签含有浮动( float )属性。position:relative 改为 position:absolute； 浮动元素添加 position 属性（如 relative，absolute 等）； 去除浮动。z-in...原创 2018-07-29 12:57:55 · 663 阅读 · 0 评论 -
Css 详细解读定位属性 position 以及参数
position 以及参数总结position: relative;不会脱离文档流，position: fixed; position: absolute; 会脱离文档流 position: relative; 相对于自己在文档流中的初始位置偏移定位。 position: fixed; 相对于浏览器窗口定位。 position: absolute; 是相对于父级非 position:st...转载 2018-07-29 00:30:56 · 300 阅读 · 0 评论 -
块级元素,行内元素相关
1.关于行内元素和块级元素的说明 块级元素会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整这个矩形的样子；与之相反，行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。（置换元素除外，见置换元素篇）2.行内、块级元素区别： 1，块级元素独占一行，宽度自动填满父元素宽度；行内元素不独占...原创 2018-02-08 17:33:22 · 241 阅读 · 0 评论 -
CSS三大特性
1.继承性 子元素可以继承父元素的样式 text- font- line- 这些元素开头的都可以继承，以及 color 属性特殊性： ① a标签的颜色不能继承，必须对a标签本身进行设置 ② h标签的字体大小不能修改，必须对h标签本身进行修改2.层叠性 是浏览器处理冲突的一个能力 如果一个属性通过两个选择器设置到同一个元素...原创 2018-02-08 20:52:43 · 156 阅读 · 0 评论 -
块级元素和内联元素之间的嵌套规范
1.块级元素可以包含一部分块级元素，并可以包含内联元素。但内联元素不能包含块级元素，只能包含内联元素2.<p> 标签虽然是块级元素，但不能包含其他块级元素，<p>，<h*1~6>，<dt> 这几个块级元素只能包含内联元素3.<li> 可以包含 <div>4.块级与块级并列，内联与内联元素相并列。（ 内...原创 2018-02-08 22:39:49 · 359 阅读 · 0 评论 -
某些行内元素也可以设置宽高（置换元素）
行内元素中，置换元素可以设置宽高置换元素： img input textarea select object 这类默认就有 CSS 格式化外表范围的元素。它们拥有内在尺寸,他们可以设置 width / height属性。他们的性质同设置了display:inline-block 的元素一致。不可置换元素：(X)HTML...原创 2018-02-08 23:07:01 · 532 阅读 · 0 评论 -
overflow:hidden —— 隐藏溢出，清除浮动，解除坍塌
1.overflow：hidden 隐藏溢出默认情况，父div的高宽是auto —— 它可以被子div任意地撑大，但是如果父div设定了高宽，而子div也设定了高宽且超过父div的高宽，超过部分会溢出，此时我们可以给父div使用 overflow：hidden 来隐藏子元素溢出的部分，达到排版优化。2.overflow：hidden 清除浮动如图1，当给子div（蓝红）...原创 2018-02-09 17:08:51 · 1199 阅读 · 0 评论 -
vertical-align 垂直对齐的用法
1，图片，表单和文字对齐；2，去除图片底侧空白缝隙；图片默认为基线对齐，因此底部会与父元素有空白间隙，这时只需要给图片设置 vertical-align:middle / top 便可解决问题。（或者把图片设为 block 块级元素）特： vertical-align 不影响块级元素中的内容对齐， 只针对行内元素与行内块元素，特别是行内快元素。 ...原创 2018-02-24 13:06:06 · 664 阅读 · 0 评论 -
html，css的细节知识
1，网站logo部分使用<h1>+<a>标签模式有利于SEO搜索以及可以通过a路径跳转网站的其他页面。<div> <h1> <a href=”#”>logo关键字</a> </h1></div>h1 a {display: inlin原创 2018-05-27 18:36:01 · 237 阅读 · 0 评论