
HTML、CSS
文章平均质量分 68
前端小木
别人笑我太疯癫,我笑他人看不穿。
展开
-
CSS实现一些小功能
【代码】CSS实现一些小功能。原创 2023-11-29 23:19:46 · 707 阅读 · 0 评论 -
常用的选择器(1)
1.元素选择器作用:通过元素选择器可以通过标签名选中页面中指定的所有元素 语法: 标签名{ } 例子:<style type="text/css">p{ color:red; font-size;}</style><body><p&原创 2017-04-20 23:30:13 · 393 阅读 · 0 评论 -
网页布局方式:浮动和定位
1.文档流 文档流时整个页面的最底层,在页面中创建元素时默认情况下都在文档流。元素在文档流里面的特点:块元素:1)块元素在文档流里会独占一行,块元素会自上向下垂直排列;2)块元素在文档流中默认宽度是父元素的100%;3)块元素在文档流中的高度默认被内容(子元素)撑开;内联元素:1)内联元素在文档流中只占自身的大小,会默认从左向右排列,如果一行不足以容纳所有的内联元素,则换到下一...原创 2018-01-03 15:49:03 · 1748 阅读 · 0 评论 -
常用的选择器(2)
1.子元素和后代元素选择器元素之间的关系:父元素:直接包含子元素的元素子元素:直接被父元素包含的子元素祖先元素:直接或间接包含后代元素的元素(父元素也是祖先元素)。后代元素:直接或间接被后代元素包含的元素(子元素也是后代元素)。兄弟元素:拥有相同父元素的元素叫做兄弟元素。(1)后代元素选择器作用:选中指定元素的指定后代元素。语法:祖先元素 后代元素{}(2)后代元素选择...原创 2018-09-20 10:53:03 · 205 阅读 · 0 评论 -
选择器的优先级和伪类的顺序
1.选择器的优先级(1)样式的继承像儿子可以继承父亲的财产一样,在CSS中,祖先元素上的样式也会别后代元素所继承,利用继承可以将一些基本的样式设置给祖先元素,这样所有的后代元素将会继承这些样式。继承时对开发的一种简化,通过继承我们可以将元素共有的样式统一设置给祖先元素,这样就只需要设置一次,就给所有的元素设置了样式。注:但是并不是所有的样式都会被子元素所继承,比如:背景相关的、边框相关的、定...原创 2018-09-20 11:00:40 · 15908 阅读 · 0 评论 -
input设置type=‘number’去掉上下箭头
1.input设置type=‘number’<input type='number'>2.去掉上下箭头.container input::-webkit-outer-spin-button,.container input::-webkit-inner-spin-button { -webkit-appearance: none;}.container input...原创 2018-10-20 11:55:50 · 5782 阅读 · 0 评论 -
元素水平垂直居中实现方式
页面结构<div class="wrap"> <div class="inner"> </div></div>1.定位实现 .wrap { width: 300px; height: 300px; position: relative; background-color: ...原创 2019-03-08 11:43:06 · 168 阅读 · 0 评论