![](https://img-blog.csdnimg.cn/direct/e2b9eb35296f42e9a160f19c9e9947b4.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5+CSS3
HTML5+CSS3专栏
chendawen2014
这个作者很懒,什么都没留下…
展开
-
flex布局 阮一峰
flex布局原创 2022-10-29 17:51:27 · 1574 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;接下来重点说一说多行文本溢出显示省略号,如下。实现方法:display: -webkit-box;-webkit-bo...原创 2018-03-08 15:56:04 · 149 阅读 · 0 评论 -
background-attachment:fixed在ios中失效
今天做了个页面,往页面中添加内容,添加多了才发现,背景图重复了,然后上网找解决办法,灵机一动,让背景图不动就好了,于是找到了background-attachment:fixed,在安卓中没问题,但是ios的微信无效,用Safari打开也是无效,后来找到一个hack的方法,不错,分享一下。body:before { content: ' '; position: fixed;转载 2018-01-30 10:16:51 · 2470 阅读 · 0 评论 -
IOS系统 Input或者textarea Disabled默认样式问题
问题:Input或者textarea在设置了disable之后在安卓手机上显示正常,但ios系统手机上就会显示背景为半透明,字体颜色为灰色。解决方法:input:disabled, textarea:diabled { -webkit-text-fill-color: #000; -webkit-opacity: 1; color: #000;}原创 2017-12-18 17:22:35 · 1987 阅读 · 0 评论 -
css的position在不同手机系统的兼容问题(点击input标签弹出输入框影响样式)
问题描述:在input被获取焦点时,屏幕上position属性值为absolute的元素,包含input,会被弹出的虚拟键盘顶起,导致显示样式异常设备:安卓设备存在此问题,而ios设备显示正常原因分析:css属性中对容器的样式中提到,子元素定位方式为absolute或者fixed,若父容器没有添加属性position:relative;则当前元素的定位坐标是原创 2017-11-22 15:17:53 · 3057 阅读 · 0 评论 -
zr20170116-css
1.css的三种样式链接方式a.行内样式方法。例如:b.内联样式方法。例如:.box{width:500px;},在header里面写c.外联样式方法。例如:,也是在header里面写,也是最多用的。2.css的继承性儿子的部分样式是从父亲那里继承过来的,就像宽度都是继承父亲的,但高度就不会了,一般属性带有-的都可以继承3.文本缩进text-indent是设置首行缩进,原创 2017-01-16 20:19:23 · 184 阅读 · 0 评论 -
zr20170117-css
1.精灵图主要是通过多个小图标放在一张大的图片上面,在用到的时候通过nth-child(3)来调整所需的图片位置。例如background: url(img/sprite_01.jpg) no-repeat 0 -80px中的-80就是调位置的。2.行级,块级和行内块级元素(display)块级:具有宽高并且换行如display:block;行内块级:具有宽高但不会换行例如displa原创 2017-01-17 19:54:01 · 185 阅读 · 0 评论 -
zr20170110-html
html标签(早上)主要是用来划分结构的p是段落标签,也可以用来划分结构b标签有加粗效果i标签有斜体的效果,可以倾斜文本s标签有删除效果,淘宝原价格用得比较多u标签有字体可以给文本带来下划线效果span标签对局部特别之处做改变-->font标签,用得比较少,在css样式中用得比较多一级标题二级标签三级标题四级标签五级标题六级 &原创 2017-01-10 19:34:18 · 290 阅读 · 0 评论 -
zr20170114-html+css
html表单:method属性:表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送input的type属性:color可以选择颜色;range可以左右调节(类似音量调节);file是用来选择文件路径;email是填邮箱的;number可以用来设置步长调数字的数量;radio是单选项;submit是提交按钮;rese原创 2017-01-14 19:44:52 · 238 阅读 · 0 评论 -
css的配置文件reset的总结
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, stron原创 2017-10-18 14:54:28 · 363 阅读 · 0 评论