css
小姜dot
执着的小愤青
展开
-
css box-sizing
原文来源: 老姜博客 css第24讲之css box-sizing box-sizing:用来控制padding和border是否包含在width和height之中. 支持两种取值: content-box border-box 默认情况下,element的最终长度和宽度计算公式如下: width + padding + border = element最终的宽度 height + padding + border = element最终的高度 所以,当你设置width和height,其实最终的.原创 2020-12-11 19:53:29 · 351 阅读 · 0 评论 -
【css】selection选择符
::selection选择器用来匹配元素被用户选中的部分,常用于改变文本的默认的选择中样式. codepan在线示例 了解更多原创 2020-12-02 18:42:33 · 228 阅读 · 0 评论 -
css float
css float 详细请查看个人博客: http://oldjiang.tech/css/13-float.html#_13-float float用来指定元素是放置在其容器的左边还是右边,允许文本或者inline级别元素环绕包围它. 格式 float: right|left|none|inherit 示例: See the Pen xxExxye by Jiangjiansh (@jiangjiansh) on CodePen. clear 有些情况下,你需要强制控制元素不环绕在float元素周原创 2020-11-26 15:00:15 · 150 阅读 · 0 评论 -
【Css】position属性示例
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title&原创 2018-08-24 14:24:31 · 233 阅读 · 0 评论 -
【Css】Structural Pseudo Class(结构性伪类选择器)
我们可以通过限定元素自身所在的父元素的位置来实现不同的效果,主要通过的伪类型选择器是: :first-child; :last-child; :first-nth-child; :last-nth-child; :nth-child(expression); :nth-of-type(expression; :nth-last-of-type(expression); :first-of-type...原创 2018-10-10 11:15:46 · 228 阅读 · 0 评论 -
【CSS】Form特定的伪类选择器
针对Form表单的元素有其特殊的伪类选择器,下面列举出几个: :valid: 表单元素有效,主要适用于input type为number, email等类型; :invalid: 与:valid相反概念; :required: input是否设置required属性; :optional:与:required相对应; :in-range:针对input type为number的情况,如果输入的值属...原创 2018-10-10 12:00:41 · 490 阅读 · 0 评论