Html+CSS
路过春天的雨点
这个作者很懒,什么都没留下…
展开
-
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。圣杯布局来源于文章In Search of the Holy Grail,而双飞翼布局来源于淘宝UED。虽然两者的实现方法略有差异,不过都遵循了以下要点:两侧宽度固定,中间宽度自适应 中间部分在DOM结构上优先,以便先行渲染 允许三列中的任意一列...原创 2019-08-26 00:11:00 · 58 阅读 · 0 评论 -
input如何添加图标
代码:<input type="text" class="user" />设置class类属性,添加小图标。创建<style>标签,然后在这个标签里面设置user样式。 1.使用background-image设置input背景图片; 2.background-size设置背景图片的大小; 3.background-positi...原创 2019-08-09 16:49:00 · 4725 阅读 · 0 评论 -
设置输入框input中placeholder的字体颜色、字号
一、须知 placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。二、设置placeholder文字颜色、字号方式1 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder{/*Webk...原创 2019-08-09 16:28:00 · 2198 阅读 · 0 评论 -
实现公告文字轮播效果
<template> <div class="announcementList"> <el-row :gutter="20"> <el-col :span="6" class="lable"> <el-tag type="danger" size="small " effect="dark">公告...原创 2019-08-07 14:55:00 · 885 阅读 · 0 评论 -
项目中CSS笔记
项目中的CSS笔记文本样式1、杂记1、溢出隐藏 overflow: hidden;2、规定段落中的文本不进行换行white-space: nowrap;3、设置省略号text-overflow: ellipsis;//规定当文本溢出包含元素时发生的事情4、宽度100%-30px width: calc(100% - 34px);5、段落中的字间距...原创 2019-07-09 20:02:00 · 178 阅读 · 0 评论 -
HTML CSS 特殊字符表
⇠箭头类符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ ⇠ u21E0 21E0 ⇢ ⇢ u21E2 21E2 ⇡ ⇡ u21E1 21E1 ⇣ &#...原创 2019-05-29 15:51:00 · 439 阅读 · 0 评论 -
Css 笔记
选择器{属性:值; 属性:值;} 属性 解释 Width:20px; 宽 Height:20px; 高 Background-color:red; 背景颜色 font-size:24px; 文字大小...原创 2019-04-18 19:27:00 · 73 阅读 · 0 评论 -
Html 笔记
特殊符号<!--注释-->注释<em></em>斜体<strong></strong>加粗 <hr/>分割线<br/>换行空格 >大于号> <小于号< "引号(“”)©版权符号<span></span>加粗文本元素fon...原创 2019-04-18 19:25:00 · 67 阅读 · 0 评论