• 笔记《精通css》第2章 选择器,注释

    第2章 选择器,注释 1.常用选择器(id选择器,类选择器,类型选择器,后代选择器,伪类选择器(文档结构之外)) 通用选择器(*{ }) 高级选择器(子选择器,相邻同胞选择器,属性选择器) 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构,使用风格统一的大...

    2018-06-24 02:01:36

  • CSS3 linear-gradient线性渐变实现虚线等简单实用图形

    一、作为图片存在的CSS3 gradient渐变 我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景,也就是背景图片个数可以无限累加,正好CSS3的gradient渐变性质是 background-image ,于是,我们可以实现任意数量渐变背景图的叠加效果。甚至,理论上,任意彩色 jpg 图...

    2018-06-24 02:01:29

  • css 超出规定行数自动隐藏

    单行 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; //多行超出长度隐藏 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;//向显示多少行就给多大值 -webkit-box-orient: vertical; 多行(兼容各个浏览器)//...

    2018-06-24 02:01:34

  • css实现行内文字垂直居中

    之前本人一直使用浮动、相对定位、绝对定位和display:table等css的方法进行定位。网上得知flex可实现弹性布局,符合未来发展趋势,随尝试。 1:让盒子行内文字垂直居中,解决思路是讲文字的行高设置为盒子的高度。 p { border : #333333 solid 1px ; height : 50px ;...

    2018-06-24 02:01:31

  • 前端开发初学者

    刚入园,以此来记录有关学习html过程中的问题和理解。零基础,现在在看教学视频,刚看完html5.问题不大,作为前端开发最基础的一块,大致内容也就是记一些符号分别表示什么。期间有一个问题就是,直接复制粘贴有时候行不通哦,代码还是得自己一个一个敲啊,不要想着省...

    2018-06-24 02:01:28

  • CSS3基础知识

    CSS3基础 1 样式表的使用 1.内联样式表。 只影响单个元素,常用于标签。 p style="color: aqua;font-size: 20px"This is CSS./p 2.内部样式表。 对本页面元素起作用,一般写在head/head中,用style/style定义。 head meta charset="utf-8" title无标题文档/title style...

    2018-06-24 02:01:28

  • <p>标签样式设置

    CSS中关于P标签中的样式: 1、font-family:浏览器在显示字体的时候,依次判断是否支持当前的字体,直到最后的字体系列。 font-family:"宋体","仿宋",sans-serif; 浏览器若不支持宋体,则用仿宋;若不支持仿宋,则在sans-serif中找。 2、font-weight:确定字体的粗细...

    2018-06-24 02:01:20

  • 微信模板消息的使用

    上星期公司项目需求加入模版消息推送功能,今天在这整理一下: 微信的模版消息分为公众号的和小程序的。它们看起来差不多,但还是有点区别的: 模板推送位置:公众号的是本公众号页面,小程序的是服务通知。 模板下发条件:公众号可以像我们在原生app里推送通知一样进...

    2018-06-24 02:01:16

  • HTML:Event [转]

    这篇文章对于了解Javascript的事件处理机制非常好,将它全文转载于此,以备不时之需。 什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容...

    2018-06-24 02:01:10

  • 文字列表布局

    1、概述 文字列表大多使用在新闻资讯板块中,为了适应屏幕宽度,可以使用 百分比布局和固定尺寸布局 配合。新闻左侧的分类标签和右侧的发布时间是固定的,新闻标题部分是不固定宽度的。 如下图所示: 2、代码示例: !DOCTYPE htmlhtml lang="zh-CN" head meta charset=...

    2018-06-24 02:01:06

2