display

HTML代码 基本布局 想练手，或者需要素材的留言我发给你即可 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 京东 - 欢迎登陆 < / title > < meta name = "keywords" content = "京东在线商城" > < meta name = "description" content = "电商网站" > < link rel = "icon" href = "favicon.ico" > < link rel = "stylesheet" href = "./css/login.css" > < link rel = "stylesheet" href = "./css/base.css" > < / head > < body > < ! -- 登录头部开始 -- > < div class = "login_w" > < div class = "l_login" > < a href = "#" > 京东首页 < / a > < b > < / b > < / div > < div class = "r_login" > < a href = "#" > 登录页面，调查问卷 < / a > < b > < / b >

1 盒子 css在处理网页的时候，它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢？因为如果把所有的元素都想象成盒子，那么我们对网页的布局就相当于摆放盒子。 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 2 盒子模型 一个盒子可以分为以下几个部分： 内容区（content） 内边距（padding） 边框（border） 外边距（margin） 2.1 内容区 内容区指的是盒子中放置内容的区域，也就是元素中的文本内容，子元素都是存在于内容区中的。 如果没有为元素设置内边距和边框，则内容区大小默认和盒子大小是一致的。 通过width和height两个属性可以设置内容区的大小。 width和height属性只适用于块级元素。 2.2 内边距 顾名思义，内边距指的是元素内容区和边框以内的空间。 默认情况下width和height不包含padding的大小。 使用padding属性来设置元素的内边距。 例如： padding:10px 20px 30 px 40px;这样会设置元素的上右下左四个方向的内边距。　 padding:10px 20px 30px;分别指定上、左右、下四个方向的内边距。 padding:10px 20px;分别指定上下、左右四个方向的内边距。 padding:10px;同时指定上右下左四个方向的内边距。　

< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > 飞机 < / title > < / head > < style > img { position : absolute ; } #fly { left : 100 px ; top : 200 px ; } < / style > < body > < img src = "./images/2.png" style = "display: none;" id = "pos0" > < img src = "./images/2.png" style = "display: none;" id = "pos1" > < img src = "./images/2.png" style = "display: none;" id = "pos2" > < img src = "./images/2.png" style =

字符串函数主要用来处理字符串。字符串函数主要包括以下：concat(),contains(),normalize-space(),substing(),substring-before(),subsring-after(),translate(). 1、concat() concat()函数用于串连多个字符串。 简单示例： xml： <?xml version="1.0" encoding="UTF-8"?> <root> <e id="1">st</e> <e id="2">nd</e> <e id="3">rd</e> </root> */ /*--> */ xslt： <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" version="1.0" encoding="gb2312" indent="yes"/> <xsl:template match="/root"> <xsl:for-each select="e"> <xsl:value-of select="concat(@id,.,' ')"/> </xsl:for-each> <

（一） 认识flex布局 flex布局完全可以代替浮动，浮动比较麻烦而且会带来高度坍塌。 如下外面的大框是flex-container,里面的小框是flex-item。 以下分析（上面为代码，下面为代码的效果图） < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < style > . box { /* 开启flex布局有2个方法 display: flex;块级元素 display: inline-flex;行内元素 */ display : flex ; width : 5 oopx ; height : 300 px ; background - color : #f00 ; } < / style > < / head > < body > < div class = "box" > < div > < / div > < div > <

< head lang = "en" > < meta charset = "UTF-8" > < title > < / title > < style > . big { width : 500 px ; height : 400 px ; border : 1 px solid black ; margin : auto ; } . top { width : 500 px ; height : 50 px ; border - bottom : solid 1 px black ; } . top span { width : 100 px ; height : 50 px ; display : inline - block ; text - align : center ; line - height : 50 px ; float : left ; } . active { background : red ; color : white ; } . bottom { width : 498 px ; height : 348 px ; position : relative ; } . bottom div { width : 100 % ; height : 100 % ; position : absolute ; left : 0 ; top : 0 ;

A Display The Number You have a large electronic screen which can display up to 998244353998244353 decimal digits. The digits are displayed in the same way as on different electronic alarm clocks: each place for a digit consists of 77 segments which can be turned on and off to compose different digits. The following picture describes how you can display all 1010 decimal digits:As you can see, different digits may require different number of segments to be turned on. For example, if you want to display 11, you have to turn on 22 segments of the screen, and if you want to display 88, all 77

题目传送门 You have a large electronic screen which can display up to 998244353 decimal digits. The digits are displayed in the same way as on different electronic alarm clocks: each place for a digit consists of 7 segments which can be turned on and off to compose different digits. The following picture describes how you can display all 10 decimal digits: As you can see, different digits may require different number of segments to be turned on. For example, if you want to display 1, you have to turn on 2 segments of the screen, and if you want to display 8, all 7 segments of some place to display