HTML
趋之
这个作者很懒,什么都没留下…
展开
-
css新闻链接案例
background-image: url(./图片素材/dotBg.gif);利用html和css构建出新闻链接案例,使用渐变色做出背景色变化。利用背景图片,调整位置完成。原创 2023-11-30 15:52:39 · 534 阅读 · 0 评论 -
CSS中超链接的4种伪类
总结:link和visited是a标签独有的状态,hover和active是所有的元素都可以设置的。2、 :visited 用来表示访问过的链接,由于隐私的原因,所以visited只能改颜色。1、 :link 用来表示未访问过的链接(正常链接)正确排序:L-V-H-A love hate原则。3、:hover 用来表示鼠标移入的状态。4、:active 鼠标点击后的状态。原创 2023-11-30 15:36:13 · 1140 阅读 · 0 评论 -
CSS中样式冲突及选择器权重问题
通过不同的选择器选中同一个元素,进行一样的样式设定,发生样式冲突时,应用哪一个样式由选择器的权重(优先级)决定。4,选择器的累加,不会超过上一级数量级,例如:类选择器再高也不会超过id选择器 量变达不到质变。1,比较优先级时,需要将所有选择器的优先级进行相加计算,最后优先级越高,则优先显示。通配符、子选择器、相邻选择器等。如*、>、+ 0000。3,如果优先级计算后相同,此时则优先使用靠下的样式。2,(并集选择器)分组选择器是单独计算的。总结:一般来说:选择器越具体,优先级越高。继承的样式 没有优先级。原创 2023-11-30 15:34:43 · 534 阅读 · 0 评论 -
CSS中常用的伪元素选择器
伪元素,表示页面中一些特殊的并不真实存在的元素(元素的位置)1,::first-letter 表示第一个字母。2,::first-line 表示第一行。3,::selection 选中的内容。4,::before 元素的开始位置。5,::after 元素的结束位置。before和after必须要结合content使用。原创 2023-11-21 16:05:01 · 681 阅读 · 0 评论 -
CSS中常用的伪类选择器
1、 :first-child 第一个子元素2、 :last-child 最后一个子元素3、 :nth-child() 选中第n个子元素特殊值:n 所有的、2n或even 选中偶数、2n+1或odd 选中奇数—以上这些伪类都是根据所有的子元素进行排序1、:first-of-type2、:last-of-type3、:nth-of-type()功能跟上面相似,原创 2023-11-21 16:03:20 · 520 阅读 · 0 评论 -
css中5种属性选择器
属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名^=属性值]{} 选择属性值以指定值开头的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。[属性名*=属性值]{} 选择属性值含有某值的元素。[属性名]{} 选择含有指定属性的元素。原创 2023-11-20 15:51:46 · 373 阅读 · 0 评论 -
CSS中4种关系选择器
父元素:直接包含子元素的元素子元素:直接被父元素包含的元素祖先元素:直接或间接包含后代元素的元素,父元素也是祖先元素后代元素:直接或间接被祖先元素包含的元素,子元素也是后代元素兄弟元素:拥有相同父元素的元素叫做兄弟元素根据以上的关系,可以使用如下选择器。原创 2023-11-20 15:48:54 · 548 阅读 · 0 评论 -
CSS中2种复合选择器
注意:若交集选择器中有元素选择器,必须使用元素选择器开头。语法:选择器1,选择器2,选择器3····语法:选择器1选择器2选择器n{}作用:同时选择多个选择器对应的元素。作用:选中同时符合多个条件的元素。例子:#b1,p,.red。原创 2023-11-20 15:47:00 · 299 阅读 · 0 评论 -
HTML中音视频标签—— <audio > ,<video >
autoplay 音频文件是否自动播放 打开页面时,音乐会自动播放, 但目前为止,大部分浏览器是不可以自动播放的。音视频文件引入时,默认情况下不允许用户自己控制播放停止,IE9以下的浏览器是不支持的。除了通过src来指定外部文件的路径以外,还可以通过source来指定文件的路径。controls 是否允许用户控制播放,不用给值。用来向页面中引入一个外部的音频文件。使用方式跟音频基本上一样的。loop 是否循环播放。来向页面中引入一个视频。原创 2023-10-30 14:01:25 · 575 阅读 · 0 评论 -
HTML中常用的图片格式及应用场景
一个萝卜一个坑,不同的图片格式特性不一样,使用场合也有所不同。原创 2023-10-30 13:59:05 · 465 阅读 · 0 评论 -
html+css购物商城完整项目
html+css购物商城完整项目,在Inscode内运行项目,如下效果。原创 2023-10-26 15:49:35 · 1921 阅读 · 0 评论 -
css动画实现摩天轮效果
css动画实现摩天轮转动效果原创 2023-10-22 18:39:33 · 393 阅读 · 1 评论 -
HTML超文本标记语言的‘超’——超链接<a>标签
1:从一个页面跳转到另一个页面2:跳转当前页面的其他位置若将超链接的href属性设置为#,点击超链接后,页面不会发生跳转,而是跳到当前页面的顶部的位置可以跳转到页面的指定位置,只需要将href属性设置为 #目标元素的id属性值给a加标记——id属性(唯一不重复的标记)-每一个标签都可以添加一个id属性-id属性就是元素的唯一标识,同一页面中不能出现重复的id属性-id区分大小写,且不能以数字开头空链接的两种写法,使用javascript:;更加规范。原创 2023-10-21 08:38:33 · 1459 阅读 · 1 评论 -
HTML中的常用的列表标签
ul、ol、dl列表的结构原创 2023-10-21 08:30:20 · 1140 阅读 · 1 评论 -
HTML中常用的结构标签
div 没有语义,就用来表示一个区块,目前来讲div还是主流的布局元素。span 行内元素 ,也是没有任何语义,一般用于在网页中选中文字。section 独立的区块,上面的标签都不合适,就用这个。main 网页的主体部分(一般就一个)aside 和主体相关的内容,侧边栏。article 文章之类的。header 网页的头部。footer 网页的底部。布局标签(结构化标签)原创 2023-10-13 18:45:16 · 133 阅读 · 0 评论 -
HTML中块元素行内元素的特点
在网页中一般通过块元素对页面进行布局,举例:购物平台特点:会独占一行的的元素,无论他的内容有多少他都会独占一整行举例:p h1 h2 h3 ...原创 2023-10-13 18:43:39 · 67 阅读 · 0 评论 -
HTML语法规范
6:HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)4:浏览器尽最大的努力正确的解析页面,你所有的不符合语法规范的内容,1.HTML中不区分大小写,但是我们一般都使用小写,语法习惯。3.HTML标签必须结构完整,要么成对出现,要么自结束标签。浏览器都会为你自动修正,但是有些情况会修正错误。5:HTML标签可以嵌套,但是不能交叉嵌套。2.HTML中的注释不能嵌套,会报错。原创 2023-10-13 18:40:16 · 24 阅读 · 0 评论 -
HTML网页结构分析
初学者的网页分析原创 2023-10-10 09:03:02 · 363 阅读 · 1 评论